Bodymovin 插件安装——让 After Effects 导出 Lottie JSON
Bodymovin 是什么
Bodymovin 是 Airbnb 开发的 After Effects 扩展插件(Extension),它的作用就是:把你在 AE 里做好的合成(Composition)解析成一份 JSON 文件,这份 JSON 就是各平台 Lottie SDK 能原生渲染的动效描述。
Bodymovin 不是一个独立软件,它是 AE 内部的一个面板——导出操作完全在 AE 里完成,不需要任何第三方工具。
安装步骤
方式一:直接下载 ZXP(推荐)
- 打开 GitHub 仓库
airbnb/lottie-web,进入/build/extension/目录,找到bodymovin.zxp文件(Bodymovin 扩展包)。 - 下载后关闭 After Effects。
- 用 Adobe 的 ZXP 安装工具(比如 Anastasiy 的 Extension Manager 或 7-Zip 解压后手动放到扩展目录)安装。
AE 扩展目录位置因系统而不同:
- macOS:
~/Library/Application Support/Adobe/CEP/extensions/ - Windows:
C:\Users\<用户名>\AppData\Roaming\Adobe\CEP\extensions\
把解压后的 bodymovin 文件夹放进去即可。
方式二:用 Anastasiy 的 Extension Manager
- 下载 Anastasiy 的 Extension Manager。
- 选择 AE 版本。
- 直接拖拽
.zxp文件到扩展管理器窗口里。 - 重启 AE。
验证安装
安装完成后,打开 After Effects:
- 菜单
编辑 → 首选项 → 常规(macOS 是After Effects → 首选项 → 常规)。 - 勾选 "允许脚本写入文件和访问网络"(Allow Scripts to Write Files and Access Network)——Bodymovin 需要这个权限才能导出 JSON。
- 打开菜单
窗口 → 扩展 → Bodymovin,如果看到了 Bodymovin 面板,安装成功。

和 zLottie 插件的关系
社区还有一个叫 zLottie 的插件,本质上也是一个 Bodymovin 封装,加上了一些额外功能(比如自动检查不支持的特性)。如果你发现官方 Bodymovin 版本更新不及时,可以试试 zLottie。
版本对应关系
不同版本的 AE 对应不同版本的 Bodymovin:
- AE CC 2019 及以前 → Bodymovin v5.x
- AE CC 2020+ → Bodymovin v5.7+
- 最新 AE → 用 GitHub master 分支的构建
如果导出的 JSON 在 SDK 上出现兼容性问题,先查一下你用的 Bodymovin 版本和 AE 版本是否匹配。