Sketch 发送到 AE

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

这套东西有两半

Sketch 插件

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

After Effects 面板

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

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

只有 macOS 版 —— Sketch 本来就只有 Mac。

安装

动手之前,三句话

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

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

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

  1. 把下载到的 zip 双击解压,得到一个 Sketch to AE 文件夹。
  2. 右键点里面的 一键安装.command打开 → 弹窗里再点一次「打开」
  3. 脚本会先装 Sketch 插件,再装 Ae 面板。装 Ae 面板那一步可能要输一次开机密码 —— 扩展要写进系统目录。
  4. 看到「✅ 安装完成」就好了。这个文件夹可以收起来 —— 插件已经拷进 Sketch 的插件目录,不再读这里的文件。

开始用

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

补发送

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

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

映射关系存在本地,超过 7 天的会自己清掉。想手动清就点面板上的「清理映射」

面板上那几个按钮

这几样在发送时其实会自动处理一遍 —— 手动按钮是给「自动处理没搞定」的图层留的后手。 自动处理会真的改一下文档,发完再自己撤销回去,原稿回到发送前的样子。 所以发送途中别动 Sketch,等它切到 Ae 再操作。

Ae 面板上那几个选项

授权

常见问题

Sketch 点了发送没反应?

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

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

确认脚本跑完显示了「安装完成」,然后完全退出 Ae 再打开。 还是没有的话,多半是那次没输对密码 —— 重跑一次安装脚本。

Sketch 的插件菜单里没有?

完全退出 Sketch 再打开,它启动时才扫插件目录。 还是没有就把 sketch-to-ae.sketchplugin 直接拖进 ~/Library/Application Support/com.bohemiancoding.sketch3/Plugins/

支持哪些版本?

Sketch 49 及以后;After Effects 2019 及以后。只有 macOS。

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

这一份是在开源实现(AEUX)的基础上重做的:增量发送、渐变文字转蒙版、 复合形状与非闭合路径的预处理、投影内阴影拆分、中文界面这些都是原来没有的, Sketch 端的数据采集也重写过大半。