
✏️ 介绍
这是一款用于把 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

✏️ 介绍
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)
✏️ 介绍
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. 适合快速制作按钮、图标、状态反馈和交互原型动效