
✏️ 介绍
这是一款用于把 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 动效、微交互、网页动画、社交媒体和广告素材制作
.png)
✏️ 介绍
Jitter 是一款面向团队的轻量级动效设计工具,可以把 Figma 设计一键导入后快速做成动画。它既支持 AI 自动生成动画草稿和效果,也保留完整的手动调整能力,适合 UI 动效、产品演示、社交媒体、广告和品牌内容制作。相比传统关键帧工具,它更强调简单、可复用和团队协作。
🔨 功能
1. 一键从 Figma 导入 Frame 或图层,并尽量保持像素级一致
2. 支持 AI 将静态设计自动生成可编辑的动画草稿
3. 可用 AI 生成自定义动画效果,并跨文件重复使用
4. 支持位置、尺寸、旋转、缩放、透明度、圆角、阴影、描边等属性动画
5. 提供 400+ 动画模板,可直接套用和二次编辑
6. 支持多人实时协作、评论和分享链接评审
7. 支持组件、CSV 导入和批量导出,适合大规模内容生产
8. 支持导出 MP4、MOV、WebM、GIF、Lottie 等格式,视频最高可到 4K / 60fps
9. 支持从 Figma 同步后续修改,同时保留已有动画
10. 不依赖复杂关键帧思维,主要通过 Slide in、Fade out 这类动画指令来搭建动效
11. 对部分 Figma 不支持的复杂属性,会自动转成 PNG 或 SVG 来保证视觉一致
12. 目前一次只能导出一个 Frame 或图层,复杂 Mask 的支持也有限
.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. 适合快速制作按钮、图标、状态反馈和交互原型动效