
✏️ 介绍
这是一款用于把 Figma Prototype Flow 直接导出为 GIF 的插件。它会读取原型中已经设置好的 Delay 和 Transition Duration,并按照原有节奏生成动画,不需要重新手动调整时间,适合快速分享交互效果、动效参考和原型预览。
🔨 功能
1. 自动按照 Prototype Flow 顺序播放并导出
2. 可读取并保留原有的 Hold Time 和 Transition Duration
3. 导出的 GIF 保持原始 Frame 尺寸,不会额外缩放
4. 无需借助外部视频或 GIF 工具
5. 适合快速导出交互动效参考
6. 可用于记录和展示 Prototype Timing
7. 适合发送给 Stakeholder 做动画预览
8. 主要读取 AFTER_TIMEOUT Trigger 的时间设置
9. ON_CLICK Frame 会包含在序列中,但会使用默认播放间隔
10. 暂不支持捕捉 Component 内部的 Smart Animate 等动画
11. 使用前需要至少设置一个 Flow Starting Point

✏️ 介绍
MotionKit 是一款直接运行在 Figma 里的动画制作插件,可以把 Figma 变成一个完整的动效工作台。它支持时间轴动画、逐帧动画、矢量变形、文字动效和物理效果,并可直接导出 MP4、GIF、PNG 或 Lottie,适合做产品演示、UI 动效、社交内容和微交互。
🔨 功能
1. 支持时间轴、关键帧和缓动曲线动画
2. 支持逐帧动画,并提供洋葱皮和图层面板
3. 支持路径跟随、描边裁切、循环、打字机等动效
4. 支持不同矢量路径之间的形状 Morph 变形
5. 支持逐字符文字动画和文字沿路径动画
6. 支持嵌套动画,并可设置独立帧率
7. 提供录制模式,可记录图层移动过程
8. 支持物理效果,如下落、弹跳和碰撞,并可烘焙为关键帧
9. 支持 Smart Animate,自动补间位置、缩放、旋转、颜色和形状变化
10. 支持 MP4、GIF、PNG、Lottie 导出
11. 可与 Figma Motion 进行数据同步和导入导出
12. 完全离线使用,无订阅和付费墙

✏️ 介绍
Lottie Flow 是一款用于把 Lottie JSON 动画直接导入 Figma 的插件。它会把动画转换成可交互的 Figma Component,并自动连接 Prototype 动效,不再只是静态展示。适合做动效原型、微交互、Loading 状态和动画图标库。
🔨 功能
1. 支持拖拽导入 Lottie `.json` 文件
2. 支持在 Figma 内实时预览动画,并提供播放、暂停、停止控制
3. 自动将动画帧转换为 Figma Vector 和 Component Variants
4. 自动连接 Prototype 的 After Delay 交互,实现连续播放
5. 保留原始动画比例和尺寸关系
6. 支持丢帧处理,用于减少 Figma 文件体积
7. 内置 Global Library,可直接浏览和使用 Lottie 动画
8. 支持直接导出或下载 Lottie JSON
9. 可用于制作动效原型、微交互、Loading 状态和动画图标库
10. 支持任意标准 Lottie JSON 文件

✏️ 介绍
Lottielab 是一款用于把 Figma 静态设计制作成动画和交互组件的工具。你可以将 Figma 设计导入 Lottielab,添加关键动画、状态和交互事件,并导出为 Lottie、GIF、4K MP4 或 TGS,适合 App、网页、营销素材和微交互设计。
🔨 功能
1. 将 Figma 静态设计快速转换为动画
2. 支持为按钮、图标、页面等元素添加交互状态和事件
3. 无需代码即可制作 Hover、Click 等交互动效
4. 保留 Figma 原有结构和视觉效果,支持渐变、蒙版、文字、阴影、模糊、矢量路径、图片等
5. 支持在制作过程中实时预览动画效果
6. 支持导出 Lottie JSON、GIF、最高 4K MP4 和 TGS
7. 可将动画直接交付给开发、市场或其他协作成员
8. 适合 UI 动效、微交互、网页动画、社交媒体和广告素材制作

✏️ 介绍
Magic Animator 是一款可以在 Figma 中用 AI 快速生成动画的工具。你选中一个 Frame 或组件后,只需一键,它就会自动生成 4 种可编辑的动画方案。和普通“直接出视频”的工具不同,它生成的不是死的视频,而是后续还能继续修改、调整和交付的动画,更适合真实设计工作流。
🔨 功能
1. 一键为 Figma 设计生成 4 种不同的动画方案
2. 自动分析你的布局、信息层级和设计意图,无需手动写提示词
3. 生成后的动画可继续编辑,包括图层、时间、关键帧、缓动等
4. 支持导出 MP4、GIF、Lottie JSON、Telegram 等多种格式
5. 适合 UI 动效、网站动画、社交媒体素材、广告、Logo 动画等场景
6. 支持解析 Figma 中的分组、组件和图层结构
7. 可用于产品设计、品牌营销、动效设计和开发交付等不同工作流
8. 支持把动画嵌入 Figma,或通过它自己的动效编辑器分享可编辑版本给团队
.png)
✏️ 介绍
Animate It 是一款用于在 Figma 中快速创建动画 Smart Component 的插件。它把常见动效做成预设,选中任意元素后即可直接套用,不需要每次重复搭建组件和动画逻辑,适合快速制作交互原型和 UI 动效。
🔨 功能
1. 选中任意图层后即可直接创建动画组件
2. 提供多种预设动画,无需手动搭建 Smart Component
3. 支持开启或关闭循环播放
4. 内置 Fade、Rotate、Zoom、Slide、Bounce、Breathe 等常用动效
5. 还支持 Wiggle、Shake、Blink、Blur、Focus 等特殊动画
6. 适合快速制作按钮、图标、状态反馈和交互原型动效