Figma Motion 首发全走查：从关键帧手工打磨到 Agent 生成、动效变量与生产代码一条链
Figma deep dive: Motion | Config 2026 · George Russ
全片 44 分钟·真正值得盯屏约 34 分钟·3 个必看点
- 0:13 – 5:42看
开场：Motion 亮相与能力边界
George Russ 揭晓 Figma 原生动效工具 Motion，开场视频全部用 Motion 制作；随后 Luca 展示它如何与 auto layout、组件、变量与 modes、矢量等既有能力组合，覆盖产品动画、图标动画到角色动画。
Motion 不是独立动效 App，而是长在 Figma 既有体系（组件/变量/矢量）之上的动效层。
开场视频本身就是能力演示（105s 起），277s 处的类型示例也靠画面传达，纯听会丢掉最关键的信息。▶ 跳到 0:13讲者 · George Russ - 5:50 – 12:52看
编辑模型：时间轴、动画样式与关键帧
Daniela 现场演示进入 Motion 模式后的时间轴（时长、循环、缩放、折叠图层）与刻意和设计模式保持一致的属性面板，可叠加的动画样式预设；Luca 接手讲精细控制——关键帧、motion gizmo、缓动曲线与 command 拖拽平滑运动路径。
简单动效叠动画样式预设即可，精细控制才上关键帧，两者可在同一对象混用——这是上手 Motion 的心智模型。
全程画布实操（367s 时间轴、464s 属性面板、604s 关键帧与 gizmo、759s 路径平滑均为标记的视觉时刻），操作细节只有看才学得会。▶ 跳到 5:50讲者 · Daniela - 12:53 – 19:56看
Agent 生成动效与人机混合工作流
Luca 先过一遍预设动画样式库，然后演示用自然语言让 Figma agent 生成动画草稿、一次产出多个风格变体、把多段文字动画自动合成交错编排，并给出“主体手工搭、细碎交给 agent”的混合工作流建议。
Agent 理解关键帧与动画样式概念，产出完全可继续手工编辑——它是加速器而非黑盒，繁琐部分交给它最划算。
857s、964s、1044s 三个视觉时刻都是 prompt 到结果的现场生成过程，生成质量和迭代手感必须亲眼看才能评估。▶ 跳到 12:53讲者 · Luca - 19:56 – 26:57略
多人协作、Auto Key 与可动画属性全览
先演示 Figma 式实时协作：协作者改关键帧时运动路径实时更新，spotlight 后时间轴与 playhead 同步；随后介绍 auto key 自动打关键帧，并罗列可动画属性的覆盖面（颜色、描边、path trim、arcs、形状点数等）。
颜色、path trim、形状点数等几乎所有属性都可动画，且 auto key 开启后所有更改自动记录关键帧。
开头 1201s 的协作演示值得快速扫一眼画面，后半段属性清单以口头列举为主，无需逐帧细看。▶ 跳到 19:56讲者 · Luca - 26:57 – 33:58看
动效变量、设计系统与原型集成
介绍新增的 easing 和 timing 变量类型及其 modes 支持（如 standard/expressive 两种动效气质），演示品牌团队用含关键帧的组件分步搭建镜头、上游修改自动传导的生产流，以及动画帧直接用于原型并新增播放控制交互。
动效从此是设计系统的一等公民：缓动与时长做成变量、按 mode 切换，品牌动效可像组件一样被复用和统一更新。
组件化搭镜头和修改自动传导的工作流是流程演示，画面里的组件层级关系是理解这套生产流的关键，只听容易抽象。▶ 跳到 26:57 - 33:58 – 41:01看
效果、插件生态与多格式导出
展示动画组件粘贴进 Figma Make 用 React + motion.dev 重建，插件生态与 Weave 生成式视频管线接入，以及 MP4、WebM、GIF、动画 SVG 的导出能力（Pro 支持 4K 60FPS）。
动效不再困在设计稿里：Make 能直接把动画重建为 React 代码，导出格式覆盖从社交媒体 GIF 到生产级动画 SVG。
Make 重建动画和导出结果对比是效果导向的演示，代码还原度与导出品质需要亲眼验证。▶ 跳到 33:58 - 41:02 – 43:43听
MCP 生产交接与 Beta 路线图
讲解 dev mode 的 MCP 集成如何让 LLM 拿到时序、配色等完整上下文在真实代码库还原动画；公布 beta 路线图：自定义可共享动画样式、原型过渡细粒度控制、文本动画系统与新导出格式，并征集反馈。
通过 MCP，动画的完整参数可直接喂给编码 agent 在生产代码库里还原——设计到代码的最后一公里已打通。
本段为口头论述与路线图陈述，无现场演示，通勤时听完即可。▶ 跳到 41:02