先了解这件事
Figma 推出 Figma Motion,把动画时间线直接放进设计画布,与 Design、Draw、Dev 并列成为新的模式。用户可拖动图层调整时间、独立打关键帧位置、缩放、旋转和透明度,并支持自动关键帧、时间点评论和 fade、move、scale 等预设动画样式。动效可随组件跨文件复用,通过 Motion variables 统一调整缓动,并可在 Dev Mode 的 Motion 标签中查看时间线,直接复制 CSS、JSON 或 React 与 motion.dev 代码,同时兼容 MCP。该功能处于公开测试阶段,Starter 用户导出受限,完整设计系统集成与 Figma agent 动效能力面向付费方案。
AI 根据公开报道生成
最新进展 · 正式报道
Figma Motion 发布：画布新增时间轴事件进展
1 个已确认进展
- 来源：Figma AI / Agent / Make
报道与讨论时间线
按时间查看正式报道与传播讨论；两类内容的证据等级保持独立。
10月10日
Figma AI / Agent / Make一手
Figma Motion 发布：画布新增时间轴
Figma 推出 Figma Motion，为画布加入时间轴，让动效直接存在于画布上。Motion 与组件、变量和团队位于同一文件中，设计从第一天起就能动起来。
6月30日
Figma AI / Agent / Make一手
Figma 在 Config 2026 推出 Start Anywhere 杂志
Figma 在 Config 2026 发布年度杂志 Start Anywhere，由平面设计工作室 No Ideas 设计，并可在 Figma Store 购买纸质版。杂志围绕设计从何开始、AI 如何放大工艺、谁能参与创作三个问题展开，同时呼应 Figma Motion 与 Figma Design 代码图层等新能力。
6月24日
Figma AI / Agent / Make一手
Figma 在 Config 2026 发布代码图层、Figma Motion 与生成式插件
Figma 在 Config 2026 发布多项画布新能力，包括可一键把设计图层转为交互代码图层的 code layers、内置时间线与关键帧的 Figma Motion、由 Figma agent 生成的 shader 填充与效果、无需本地开发环境即可构建的生成式插件，以及进入画布的 Figma Weave 工具。code layers 从 7 月起逐步开放并已开放 waitlist，Figma Motion 即日可用，其时间线在 Dev Mode 中可查看并支持导出 CSS、JSON 或 React 动画代码，且兼容 MCP 以便交给编码智能体实现。Figma agent 昨日已向所有人发布，支持 Skills、Notion、Slack、GitHub 等连接器和附件，聊天默认对团队可见，并将扩展到 FigJam 和 Slides。
Figma AI / Agent / Make一手
Figma Design 推出代码图层，可在画布上共享和迭代代码
Figma Design 推出代码图层，让可交互代码成为画布的一部分，团队可在同一文件中探索、比较和迭代方案。用户可从工具栏添加代码图层、由现有 frame 创建或让 Figma agent 生成，也可导入 GitHub 仓库或上传本地文件夹；在 Make 中生成和编辑代码后同样能带到画布上。代码图层支持像复制 frame 一样尝试多个版本，选中 extract designs 可把当前状态转回可编辑的 Figma 图层，在代码编辑器里标注或手动修改后一键更新代码图层，并可推送到仓库。
Figma AI / Agent / Make一手精选
Figma 发布 Figma Motion，画布新增动画时间线
Figma 发布 Figma Motion，把动画时间线直接放进设计画布，与 Design、Draw、Dev 并列成为新的模式。用户可拖动图层调整时间、独立打关键帧位置、缩放、旋转和透明度，并支持自动关键帧、时间点评论和 fade、move、scale 等预设动画样式。动效可随组件跨文件复用，通过 Motion variables 统一调整缓动，并可在 Dev Mode 的 Motion 标签中查看时间线，直接复制 CSS、JSON 或 React 与 motion.dev 代码，同时兼容 MCP。该功能处于公开测试阶段，Starter 用户导出受限，完整设计系统集成与 Figma agent 动效能力面向付费方案。