Figma 在 Config 大会上推出 AI 动效与着色器工具，重新定义设计画布
在年度 Config 大会上，Figma 发布了一系列设计及编码产品的重大更新，核心目标是帮助创意人员“将想法推得更远”，并用 AI 自动化繁琐任务。其中最引人注目的是：重新设计的画布现已针对全栈开发优化，将团队、AI 代理、工具和素材“整合在一个地方”。
关键更新一览
1. 代码层（Code Layers）
现在，开发者可以直接在 Figma Design 画布上编辑代码。你可以克隆仓库、利用 Figma 的 AI 代理生成新方向、将流程提取为可编辑的设计图层，并将更改同步回代码。这标志着 Figma 从纯粹的设计工具向开发-设计协作平台的重大转变。
2. AI 生成动效（Motion）
这是本次发布中最令人兴奋的功能之一。用户只需通过聊天界面描述所需效果，Figma 的 AI 即可生成动画、过渡和 3D 变换。动效与设计系统相连、代码驱动，可直接用于生产。此外，用户也可以手动调整时间轴或应用预设样式。
3. 着色器（Shaders）
Figma 引入了基于 WebGPU 的着色器效果。通过文字提示即可构建抖动、像素化、多种模糊类型等自定义视觉处理——这些效果此前在 Figma 中无法实现。这为设计师提供了前所未有的图形控制能力。
4. Figma Weave 工作流集成
Figma 与 Figma Weave 的初步整合已上线，提供 20 多种集成 Weave 工具，可将复杂的 AI 工作流转化为画布上的简单工具。完整整合预计今年晚些时候完成。
AI 代理与团队协作
除了创作工具，Figma 还推出了新的 AI 代理技能和更深层的上下文理解。团队可以将重复性工作转化为可复用的“技能”，让整个团队更精确、一致地工作。这暗示了 Figma 在自动化设计流程上的长远布局。
行业影响与分析
本次更新标志着 Figma 从“设计工具”向“全栈创意平台”的进化。通过将代码、AI 动效、着色器直接嵌入画布，Figma 正在模糊设计、开发和创意编码之间的界限。对于设计师而言，这意味着更快的原型迭代和更丰富的视觉效果；对于开发者，则意味着更顺畅的交接和更少的上下文切换。
值得注意的是，这些功能均深度整合 AI，体现了 Figma 对“AI 原生”工作流的押注。随着 Figma Weave 的全面集成，未来设计师可能只需描述意图，AI 就能自动生成可交付的代码和动画。
不过，这些新功能目前仍处于早期阶段，实际效果和性能表现有待验证。Figma 能否在保持易用性的同时驾驭这些复杂技术，将是其后续发展的关键挑战。