如何快速实现 Sketch 到 AE 的图层无损传输？AEUX 完整使用指南

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

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

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

支持多工具无缝协作

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

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

1. 环境准备（5分钟搞定）

确保系统已安装：

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

2. 一键安装命令

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

3. 配置工具路径

在项目根目录创建 .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 获取最新贡献指南，社区欢迎你的想法和代码提交！