虽然AE软件有着非常优秀的动效制作能力；但是作为设计师的我们，如果想使用它来做界面设计稿还是比较麻烦的，所以平时我们设计UI界面会通过Sketch、XD、Photoshop、Illustrator来进行（备注：这里我以Sketch来讲）。然而当我们需要做一个loading或者图标动效的时候，总会想如何可以更快捷高效的把 Sketch 矢量图层直接导入到 AE 里面设计动效，今天我给大家分享一款插件可以完美解决sketch导入到AE的难题～

这里先普及下sketch是什么？

Sketch 凭借这轻量、高效、易于上手、海量脚本等特点，现在已是UI设计师使用频率最高的软件之一。平时使用 Sketch 做好设计稿之后，除了无缝导入 Principle 、Flinto做交互动效之外，有时候还需要导入 AE 做一些复杂的动效设计。

那么，接下来我们一起看下如何将 Sketch 文件导入 AE。步骤如下：

第一，我们需要安装一个插件，来自 Google 团队开发并维护的 AEUX(更名之前叫Sketch2Ae)，可以在官网自行下载来获取插件：https://aeux.io/

下载解压之后你会得到两个文件，即“AEUX.sketchplugin” 和 “AEUX.zxp”。（如图1）

第二、“AEUX.sketchplugin”是Sketch插件，双击即可直接安装，比较简单。“AEUX.zxp”文件是 AE 扩展文件，如图3，双击打开下载好的AE 扩展安装器，直接将文件“AEUX.zxp”拉入即可

AE 扩展安装器可以通过这个网址下载：https://aescripts.com/learn/zxp-installer/

可以在官网看到两个系统的版本都有，大家按照自己的系统来下载即可。（如图2）

第三、插件AEUX安装完成后，在 sketch 的“插件”菜单栏的“扩展”选项里找到名称为“AEUX”的扩展，Sketch的插件可以从“插件(Plugins)”里调出来。（如图4）同理，在AE的“窗口”菜单栏“扩展”选项找到名称为“AEUX”（如图5）

第四、Sketch中的AEUX面板介绍（如图6）

第五、AE中的AEUX面板介绍（如图7）

以上就是Sketch文件一键导入AE的步骤，大家尝试一下吧