Figma 的智能体革命：Code Layers Beta 测试版对开发者意味着什么

设计与开发之间的鸿沟正在缩小

如果你曾在产品团队中工作过，你一定了解那个经典的痛点：设计师创作出精美的原型图，开发人员花费数小时将其转化为代码，而在这两者之间，总会有一些细节在转化过程中丢失。Figma 最新的发布预示着，他们不再打算将这种摩擦视为不可避免的常态。

Figma 展示了一系列全新的功能，专门用于定义 AI 智能体（AI agents）在其平台内的运作方式。这不仅仅是在你的工作流中增加一个聊天机器人——这是在创建一个结构化的框架，让 AI 能够以有意义的方式理解、交互并作用于设计文件。

Code Layers：所有人期待已久的公开测试版

最受瞩目的功能是 Code Layers 进入了公开测试阶段。对于不熟悉的人来说，Code Layers 本质上是让开发人员能够从 Figma 设计中提取生产级别的代码——包括 CSS 属性、组件结构和样式信息——其精度远高于以往的工具。

在 AI 的背景下，这为什么意义重大？当你将 Code Layers 与智能体能力结合时，你将看到一种全新的工作流，AI 可以：

• 解析设计文件并理解其组件层级
• 自动生成相应的代码片段
• 根据代码反馈对设计进行迭代
• 保持设计令牌（design tokens）与代码变量之间的同步

这就是开发人员梦寐以求的双向智能。你不再需要手动导出样式或对布局进行逆向工程，你的 AI 助手可以处理这些繁重的转化工作。

这对你的团队意味着什么

最让我兴奋的一点是：我们正在见证设计领域中真正的人机协作工作流的出现。Figma 不仅仅是在增加 AI 功能，他们正在构建 AI 智能体在创意工具中应当如何表现的架构。

对于初创公司和开发团队来说，这具有实际的影响：

更快的迭代周期 - 当“设计转代码”自动完成后，开发人员可以减少在实现细节上的时间，将更多精力投入到架构和逻辑中。

减少沟通误差 - AI 智能体可以对设计意图保持一致的理解，减少“这跟我想要的不一样”这类对话的发生。

可扩展的设计系统 - 有了合适的智能体框架，在大规模团队中维持设计一致性将变得更加轻松。

更宏观的图景

Figma 的所作所为反映了我们正在整个科技行业看到的更广泛趋势：AI 正在从一种“新奇功能”转变为工作流中的“一等公民”。问题不在于 AI 是否会与人类协同工作，而在于平台将如何定义这种协作的规则。

对于关注这些趋势的开发人员和初创公司来说，现在正是尝试这些新能力的时候。那些能够弄清楚如何将 AI 智能体有效地整合到设计-开发流水线中的团队，在更快速、更少误差地交付产品方面，将拥有显著的优势。

无论你是对 AI 在创意工作中的角色持怀疑态度，还是对其可能性感到由衷兴奋，有一点是明确的：工具正在快速进化，对于任何构建数字产品的人来说，紧跟这些变化是必不可少的。

你如何看待 AI 智能体在设计工具中承担更主动的角色？请在下方留下你的想法——我很想知道社区是如何应对这些变化的。

你尝试过 Figma 的任何新智能体功能了吗？在社区中分享你的体验吧。