AEUX：从Sketch和Figma到After Effects的无损图层传输工具

AEUX是一个开源项目，旨在简化从Sketch和Figma到Adobe After Effects的图层传输过程。通过AEUX，设计师可以轻松地将设计工具中的艺术板转换为可编辑的After Effects图层，从而加速UX动效设计的流程。

项目核心功能：设计稿秒变动画素材

AEUX解决了传统设计workflow中最令人头疼的问题——图层属性丢失和格式不兼容。通过自动化转换流程，设计师可以专注于创意表达而非繁琐的格式调整。无论是矢量图形、文本样式还是图层结构，都能在After Effects中完美还原。

支持多工具无缝协作

• Sketch插件：Sketch/AEUX/
• Figma插件：Figma/AEUX/
• AE扩展：Ae/AEUX/

三步上手：从安装到输出的极简流程

环境准备（5分钟搞定）

确保系统已安装：

• Node.js (v14+)
• npm或yarn
• Sketch/Figma和After Effects

一键安装命令

git clone https://gitcode.com/gh_mirrors/ae/AEUX
cd AEUX
npm install

配置工具路径

在项目根目录创建.env文件：

AE_PATH=/Applications/Adobe After Effects 2021/Adobe After Effects 2021.app
SKETCH_PATH=/Applications/Sketch.app
FIGMA_PATH=/Applications/Figma.app

专业技巧：让转换效果更出色

保持图层结构清晰

• 使用一致的命名规范（如[组件]-[状态]）
• 合理分组相似元素
• 避免过深的图层嵌套

优化设计稿的小窍门

1. 简化路径：减少不必要的锚点
2. 统一文本样式：便于AE中的样式批量修改
3. 使用纯色填充：复杂渐变可能增加渲染负担

官方资源与生态

完整文档

详细教程和API参考：Documentation/docs/

常见问题解决

遇到安装或使用问题？查看故障排除指南：Documentation/docs/guide/troubleshooting.md

为什么选择AEUX？

• 开源免费：无订阅费用，完全社区驱动
• 持续更新：紧跟设计工具版本迭代
• Google设计师参与：由Google动效设计师Adam Plouff发起

无论是独立创作者还是大型设计团队，AEUX都能显著提升你的动效设计效率。立即尝试，让创意流程更顺畅！

提示：定期检查CONTRIBUTING.md获取最新贡献指南，社区欢迎你的想法和代码提交！