Figma Config 2026：AI Motion 与 Code Layers 正在重塑设计到开发流程
Figma 在 Config 2026 集中发布 Motion、Shaders、Code Layers、Agent Skills 与 Weave 工作流，设计平台正在从协作画布扩展为连接 AI、代码和品牌素材生产的工作入口。
事件概览
Figma 在 Config 2026 上把更新重点放在“画布成为生产入口”上：Motion、3D transforms、Shaders、Code Layers、Agent Skills、Generative Plugins 与 Weave 工作流被集中放到设计协作场景中。相比单点 AI 生图或原型助手，这次更值得关注的是 Figma 试图让设计稿、代码、动画和团队内部工具在同一个上下文里协同。
从官方发布节奏看，Config 2026 不是一次单纯的功能补丁。Figma Release Notes 显示，6 月 24 日的更新覆盖 Motion、3D、Shaders、Code Layers 和代理能力；此前 6 月 18 日还上线了设计 Agent 的网页搜索能力，6 月 17 日则面向企业客户增加 AI credit usage API 和 Make/Sites 发布权限管理。这说明 Figma 的 AI 化开始同时处理“创作能力”和“企业治理”。
核心变化：AI 不只生成静态画面
Motion 是这次最直观的新增能力。设计师可以在 Figma 内使用时间轴、关键帧和预设，也可以让 Figma Agent 生成动画起点，然后再人工调整。它把过去分散在动效工具、开发实现和设计系统之间的工作，压回到 Figma 文件内部。
Code Layers 则把 Figma 的边界继续推向开发流程。公开资料显示，用户可以在画布中基于设计或代码库探索交互方向、调整细节，并把变化同步回代码。对产品团队来说，这意味着“设计交付给开发”的线性流程可能被压缩成更短的共同编辑过程。
Shaders 和 Weave 工作流补上了视觉生产侧的缺口：前者让团队用提示词创建 WebGPU 支持的纹理、模糊、像素化等效果；后者把复杂的图片、视频、音频 AI 工作流封装成可复用的工具和模板。
为什么值得中文 AI 站关注
过去一年，AI 设计工具竞争多集中在“文字生成 UI”“图片生成素材”。Figma 的新动作显示，头部协作平台正在把 AI 放进更长的组织流程：设计规范、动效交付、前端代码、品牌素材批量化、企业权限和成本统计都会被纳入同一套工作台。
这对国内产品、设计和开发团队的启发是：AI 设计工具的价值不止在生成第一版草图，而在于能否接住真实项目里的版本管理、协作边界、品牌约束和代码落地。能连上团队上下文的 AI，比单次生成效果更可能进入日常流程。
适合哪些人关注
产品设计团队：关注 Motion、Shaders 和 Agent Skills，判断是否能减少动效表达、设计探索和重复组件处理的成本。
前端团队：重点看 Code Layers、Figma Make 与代码同步能力，评估它们能否改善设计到开发的沟通损耗，而不是制造新的不可维护代码。
企业管理者：关注 AI credit usage API、发布权限和 Agent 连接器治理，因为 AI 设计工具进入组织后，成本、权限和数据边界会变成采购决策的一部分。
潜在影响
Figma 的方向会加速“设计工具平台化”：单一设计文件不再只是视觉稿，而可能成为 Agent 获取上下文、生成动效、实验代码、生产品牌资产的工作空间。短期内，团队仍需要验证生成结果质量、代码可维护性和权限边界；长期看，设计、营销和前端之间的角色分工会更强调审美判断、系统设计和交付校验。
