Figma 发送到 AE

在 Figma 里选中图层,一键送进 After Effects 重建成可编辑的形状、文字和预合成。

这套东西有两半

Figma 插件

读设计稿、采集图层数据、发送。登录也在这一端。

After Effects 面板

接住数据、在合成里重建图层。平时开着就行。

两个都装上才能用。下面的一键安装脚本两个一起装,跑一次就够。

安装

动手之前,三句话

  1. 先解压再点。在压缩包里直接双击,脚本拿不到同目录的文件,必然失败。
  2. 右键 → 打开 → 再点一次「打开」。脚本没有 Apple 签名,直接双击会被 Gatekeeper 拦下。
  3. 打不开就走终端:bash 加一个空格,把脚本拖进终端窗口,回车。

较新的 macOS 弹窗里可能没有「打开」按钮,那就去系统设置 → 隐私与安全性 → 仍要打开

另外:别用网盘网页版的「在线解压」,也别在 Windows 上解开重新压 —— 两种都会丢权限位,装出来是坏的。

macOS

  1. 解压出 Figma to AE 文件夹,放在一个固定位置(比如「文档」里)。装完别挪、别改名 —— Figma 记的是这个路径。
  2. macOS 子文件夹,右键点 一键安装.command → 打开 → 再点一次「打开」。
  3. 脚本会问要不要退出 Figma(必须退,它退出时会把设置写回去覆盖这次安装),然后自动注册插件、安装 Ae 面板。装 Ae 面板那一步可能要输一次开机密码。

Windows

  1. 解压出 Figma to AE 文件夹,放在一个固定位置。装完别挪、别改名。
  2. Windows 子文件夹,右键点 一键安装.bat以管理员身份运行(Ae 扩展目录在 Program Files 下,普通权限写不进去)。
  3. 同样会先请你关掉 Figma,然后自动完成两端安装。

开始用

  1. 重启 After Effects,菜单 窗口 → 扩展 → Figma to AE 打开面板。这个面板平时开着就行,它在后台等数据。
  2. 打开 Figma,菜单 插件 → 开发 → Figma to AE
  3. 第一次会让你登录。推荐点「用浏览器一键登录」 —— 它会在浏览器里开一个确认页, 你的浏览器多半已经登着官网,点一下「确认登录」就好,一个字都不用输。 浏览器没自动打开的话,那一行里有「点这里再开一次」,也可以拿配对码在别的设备上开。 不想用浏览器就用下面的账号密码登录,同一个 sjfls6.com 账号。
  4. 没有账号先去 注册; 登录后如果还没买过,界面上会直接给一个「申请免费试用」按钮,点一下就能用 10 天。
  5. 在 Figma 里选中画框或者其中几个图层,点「发送选中图层到 Ae」,切回 Ae 就看到图层了。

补发送

做动效的过程里免不了回 Figma 加图层。这时候不用把整个画框重发一遍 —— 只选中新加的那个图层,再点一次发送,它会自己找到那个组对应的合成, 按图层在组里的相对位置补进去,原来调好的 K 帧一点不动

组的边界被新图层撑大了也不会错位:插件记的是发送当时的坐标原点,不是当前的包围盒。

Ae 面板上那几个选项

授权

常见问题

Figma 点了发送没反应?

确认 After Effects 开着,并且那个面板至少打开过一次(面板启动时会把后台服务带起来)。 两端靠本机 7241 端口通信,装了防火墙或代理软件的话放行一下。

Ae 里「窗口 → 扩展」下面找不到这个面板?

Windows 上多半是没以管理员身份运行安装脚本 —— 重跑一次。 macOS 上确认脚本跑完显示了「安装完成」,然后完全退出 Ae 再打开。

Figma 里找不到插件,或者提示文件不存在?

多半是解压出来的文件夹被挪走或改名了。放回原位,或者重跑一次一键安装脚本。

支持哪些版本?

Figma 桌面端(一键安装只对桌面端有效);After Effects 2019 及以后,macOS 与 Windows 都行。 蒙版用到的轨道遮罩接口需要 Ae 2024 及以后

和网上那些开源方案是什么关系?

这一份是在开源实现的基础上重做的:补发送、渐变文字、蒙版走 Ae 2024 新接口、 位图发光不裁边、中文界面这些都是原来没有的,Figma 端的数据采集也重写过大半。