Sketch一键导入AE工具–AEUX 【百科全说】

发现了一款非常好用的插件，它的前身是Sketch2AE，花了一点时间研究了它的使用方法，好东西当然要大家一起分享！目前没找到汉化版，不过功能也不是特别复杂，分享出来是希望能提高大家平时在设计中的效率，如果有说的不对的地方还请帮我指正一下，谢谢~~

先简单看一下基本功能

一、基本功能

（一）一键复制所有图层到AE

1.装好插件后，打开sketch，选择插件>AEUX，打开插件面板，再启动AE，在窗口>扩展里面找到AEUX，打开。

2.选中要导入到AE的画板，点击“Selection to Ae”，如果界面中含有位图，会弹出一个窗口，选择或者新建一个文件夹，以保存位图。

3.切换到AE，会发现AE中的插件面板上已经出现了在sketch里面的画板并显示图层数量，导入时分两种情况：

（1）如果此时没有创建合成，选择Add layers to comp“NEW”，会自动生成一个与画板大小相同的合成，并导入图层。

（2）如果已经创建了合成，选择Add layers to comp“CURRENT”，会直接导入图层到当前合成里。

下方options中的功能会在下面与其他功能一起讲到。

（二）生成Json文件导入AE

1. 点击sketch插件中的Export AEUX.json按钮，导出Json文件。

2.在AE插件面板中点击顶部导航栏的第二个按钮，选择Json文件导入。

二、进阶功能

在使用AE做动效之前，要养成良好的图层整理和命名习惯，提前构思好整个动效的过程，可以更好的提高我们的设计效率,减少设计过程中可能出现的问题。

因此，我个人认为这个良好习惯还是有必要养成的，插件功能只能给你的操作带来方便，想法和逻辑还是要靠自己。

（一）Sketch插件中的进阶功能

1.Detach symbols 分离组件功能

我们在做产品的时候有时候会为产品建立一个sketch中的library，里面包含许多的组件，在导入到AE中的时候可能会出现变形，位移等现象。这时候可以用到这个功能，选择画板，点击按钮，可以自动分离组件。不过在我的实验过程中发现这个功能在分离组件的时候也会出现一些类似变形的bug，所以我建议可以手动分离组件，将图层打组。

2.Flatten shapes 扁平化形状（蹩脚英文）

AE中不支持复杂的布尔运算，当sketch画板中有复杂的布尔运算图形，并没有将图形合并时，选中画板，点击按钮，可以自动合并复杂的布尔运算图形。

3.Images to symbols 将图片转换成组件

在sketch画板中，超出画板的图层会自动隐藏，还有蒙版功能，都可能导致导入AE之后出现位移，蒙版错位等情况。选中图片，点击按钮，可以将图片转换成sketch中的组件。