[控场AI]
产品Figma动效

Figma Motion

Figma内置的动效设计模块,允许设计师直接在设计稿上定义元素运动轨迹、缓动曲线、延迟和持续时间,并实时预览动画效果,支持与Figma Prototype动画系统集成

时间轴 (近 90 天)

9月24日

B站UP主 Cole 分享了一套从 Figma Motion 到 Cursor 的动效设计转代码工作流:先在 Figma Motion 里打磨动效,再用 AI Agent 生成结构化提示词,最后交给 Cursor 生成可运行代码

待验证50%
9月24日

Figma Motion 是 Figma 内置的动效设计模块,允许设计师直接在设计稿上定义元素的运动轨迹、缓动曲线、延迟和持续时间,并实时预览效果,部分功能通过插件或 Figma 官方的 Prototype 动画系统实现

待验证50%
9月24日

该工作流的完整链路为 Figma → Figma Motion → Figma Agent → Cursor(或其他 AI 编码工具),核心逻辑是让每个环节各司其职

待验证50%

全部知识事实 (3)

来源文章