Figma 重大更新：代码层、动画支持与 AI 深度集成

背景

作为全球领先的基于浏览器的协作设计平台，Figma 近年来一直在努力弥合设计与开发之间的鸿沟。过去，设计师与工程师在“设计-开发”交接（hand-off）环节往往面临效率瓶颈，代码与视觉稿的脱节是行业痛点。

去年，Figma 推出了基于 AI 提示词的原型设计工具 Figma Make，并相继集成了 Claude Code 和 Codex，旨在优化从设计到代码的转换流程。此次更新标志着 Figma 将代码集成从“外部工具辅助”推进到了“原生画布集成”的新阶段，同时大幅增强了其在动效、3D 变换及 AI 自动化工作流方面的能力。

核心内容

此次更新主要围绕三大核心维度展开：原生代码层支持、高级动效与视觉特效、以及 AI 驱动的自定义工作流与插件生成。

1. 原生代码层（Code Layers）的引入 Figma 现在直接在协作画布中引入了“代码层”。这一功能允许团队克隆代码仓库，并从代码中提取流程，将其转化为设计图层以便进行测试。

• 核心逻辑：Figma 首席产品官 Yuhki Yamashita 指出，多人协作画布的强大之处在于它是一个“对代码质量不敏感”的环境。设计师、产品经理和工程师可以在这里快速迭代想法，探索多种新方向，而不必纠结于生成生产环境所需的完美代码。
• 价值主张：这种空间化的探索方式旨在促进设计师、工程师和 PM 之间的不同行为模式，加速创意验证过程。

2. 动画、过渡与 3D 变换支持 Figma 原生支持动画、过渡效果以及 3D 变换。

• 痛点解决：在此之前，设计师必须借助其他软件创建动画，然后将其转换为应用可理解的代码，流程繁琐。现在，这些动态效果可以直接集成到 Figma 中。
• AI 增强：用户可以使用 AI 生成部分动画资产。此外，更新还增加了对通过 AI 添加着色器效果（shader effects）和填充（fills）的支持。

3. AI 工作流整合与自定义插件生成

• Weavy 集成深化：Figma 去年收购了基于节点的工具 Weavy，该工具帮助设计师通过不同模型运行工作流以比较输出结果。此次更新是两者深度整合的一部分，计划在今年晚些时候推出的更新中，用户将能够直接在 Figma 内生成 Weavy 工作流。
• AI 助手技能升级：Figma 为其 AI 助手增加了新技能，使其在协作画布中更具实用性。
  • 可重复技能：用户现在可以通过编写文本提示词（text prompts）来创建可重复使用的“技能”，供 AI 代理调用。
  • 上下文增强：用户可以连接 Notion、Granola、Excel 和 GitHub 等工具，或附加文件，为 AI 机器人提供更丰富的上下文信息，从而更精准地理解用户需求。
• AI 生成自定义插件：公司新增了一项功能，允许用户通过提示词创建自定义插件，例如布局生成器或矢量路径追踪器（vector path tracers），进一步降低了开发门槛。

关键要点

• 代码层定位：代码层并非用于生产代码，而是用于快速迭代和探索的“沙盒”环境，强调协作而非代码纯度。
• 动效原生化：Figma 原生支持动画、过渡和 3D 变换，消除了对外部动效工具的依赖。
• AI 生成视觉元素：支持通过 AI 生成着色器效果和填充，丰富了视觉设计的表现力。
• Weavy 工作流内嵌：Weavy 的节点式工作流生成能力将直接嵌入 Figma，实现跨模型输出的比较与优化。
• AI 技能可配置化：用户可通过提示词定义 AI 的“技能”，并连接多种外部数据源（如 GitHub、Excel）以增强 AI 的上下文感知能力。
• 低代码插件开发：通过自然语言提示即可生成自定义插件，极大简化了工具扩展的开发流程。

意义与影响

此次更新反映了 Figma 从单纯的“视觉设计工具”向“全链路产品协作平台”转型的战略意图。

1. 重塑设计与开发的协作边界：通过引入代码层，Figma 承认了代码在设计探索阶段的价值。它不再仅仅是一个输出静态稿的工具，而是一个允许工程师早期介入、共同探索技术可行性的协作空间。这有助于减少后期开发中的返工，提升产品落地效率。
2. AI 从“辅助”走向“核心工作流”：Figma 不再将 AI 仅视为一个生成图片的插件，而是将其深度嵌入到工作流引擎（Weavy）、技能定义（Skills）和插件生成中。这种“AI 即服务”（AI as a Service）的模式，使得 AI 成为设计师和开发者日常操作的基础设施，而非临时辅助工具。
3. 降低技术门槛，赋能创意：通过 AI 生成着色器、3D 变换以及自定义插件，Figma 让非技术背景的设计师也能实现复杂的技术效果，同时让技术人员能通过自然语言快速构建工具。这种双向赋能有助于打破角色壁垒，促进跨职能团队的创新。

总体而言，Figma 正在构建一个更加开放、智能且紧密耦合设计与开发的工作生态，其核心竞争力正从“协作设计”扩展至“协作创造”。