Figma重磅更新：代码层、动画支持与AI功能全面升级

Figma于周三发布了一次重大更新，新增了代码层功能、运动与着色器支持，以及利用AI创建自定义插件的能力。

这款设计平台长期以来致力于将代码集成引入其工具中。去年，Figma推出了基于AI提示词的原型设计工具Figma Make，并相继与Claude Code和Codex实现集成，以改善编码与设计之间的交接流程。

此次更新，Figma将代码层直接引入协作画布，帮助团队克隆代码仓库，并将代码中的流程提取为设计层以供测试。

Figma首席产品官Yuhki Yamashita表示，代码层的加入让设计师、产品经理和开发工程师能够更便捷地迭代创意，而无需过分关注生产级代码的质量。

他在一次通话中表示："我们认为多人协作画布非常强大，因为在这个环境中，你根本不需要在意代码质量。如果你需要快速探索或尝试多个新方向，完全可以用这种空间化的方式来实现。我们希望这个功能不仅能改变设计师的工作方式，也能影响工程师和产品经理的协作行为。"

Figma现在还支持动画、过渡效果和3D变换。此前，设计师必须在其他软件中制作动画，再将其转换为应用程序可识别的代码。如今，设计师可以直接在Figma中集成动画和过渡效果。

用户现在还可以借助AI生成这类资产，此次更新同样支持通过AI添加着色器效果与填充样式。

去年，Figma收购了基于节点的工具Weavy，该工具可帮助设计师通过不同模型运行工作流程以对比输出结果。目前Figma正致力于更深度地整合这两款应用。在今年晚些时候推出的更新中，用户将能够直接在Figma内部生成Weavy工作流程。

此外，Figma还为其AI助手新增了多项技能，以增强其在协作画布中的实用性。用户现在可以通过文本提示创建可复用的技能，供AI智能体调用。用户还可以连接Notion、Granola、Excel和GitHub等工具，或上传文件，为AI机器人提供更丰富的上下文信息，以便更好地理解用户需求。

Figma还新增了一项功能，帮助用户通过提示词创建自定义插件，例如布局生成器或矢量路径追踪器。

Q&A

Q1：Figma新增的代码层功能具体能做什么？

A：Figma新增的代码层功能允许团队直接在协作画布中克隆代码仓库，并将代码中的流程提取为设计层进行测试。这一功能的核心价值在于降低了对代码质量的要求，让设计师、产品经理和工程师能够在同一环境中快速迭代创意，无需关注生产级代码的规范性，从而提升多角色协作效率。

Q2：Figma现在支持哪些动画和特效功能？

A：此次更新后，Figma原生支持动画、过渡效果和3D变换，设计师无需再借助外部软件制作动画后转码导入。同时，Figma还引入了AI辅助功能，支持通过AI生成着色器效果和填充样式，进一步简化了视觉资产的创建流程。

Q3：Figma的AI智能体新增了哪些能力？

A：此次更新中，Figma的AI助手支持用户通过文本提示创建可复用的技能，供AI智能体在协作画布中反复调用。用户还可以连接Notion、Granola、Excel、GitHub等第三方工具，或上传文件为AI提供更多上下文。此外，用户也可以通过提示词快速生成自定义插件，如布局生成器或矢量路径追踪器。