Today, the Figma agent moves out of beta with a number of improvements, including output quality. Th...

Figma on X: "今天，Figma agent 正式退出 beta 阶段，带来多项改进，包括输出质量。新版本 agent 更擅长遵循指令并处理长时间任务。在专业设计师参与的评估中，其表现优于 ~60%+ 的人工评估。https://t.co/8Oq8Vrntr0" / X

Figma

@figma

今天，Figma agent 正式退出 beta 阶段，带来多项改进，包括输出质量。新版本 agent 更擅长遵循指令并处理长时间任务。在专业设计师参与的评估中，其表现优于 ~60%+ 的人工评估。

$

产品设计师使用 Figma agent 的 3 种方式：工艺、速度与创意表达

30

39

354

318

Uber、Granola 和 Atlassian 团队如何利用现已全面开放的 Figma agent 支持高质量、高效的工作流程。

自 Figma agent 首次发布以来，我们见证了团队通过全新方式与画布进行交互。在多种使用场景中——连接其他工具、共享技能、创建生成式插件和着色器——我们逐渐发现了一个模式：团队正在使用 Figma agent 来自动化重复性工作、记录并维护设计系统，并提升表达能力。

通过使用指南，告诉 agent 团队如何使用设计系统。例如，你可以说明：“仅使用红色表示删除等操作，绝不用于装饰。”当产品设计师要求 agent 使用该库进行设计时，这些指令会自动生效。

今天，Figma agent 正式退出 beta 阶段，带来多项改进，包括输出质量。新版本 agent 更擅长遵循指令并处理长时间任务。事实上，在专业设计师参与的评估中，其表现优于 ~60%+ 的人工评估。除了质量提升，我们还推出了以下新功能：

• 添加指南 —— 上传至 Figma 库的 Markdown 文件，为 agent 提供关于如何使用设计系统的额外上下文信息。

• 使用 agent 在整个平台中查找并插入 Figma 上下文内容，例如 FigJam 便签、Figma Slides 内容或 Figma 设计框架。

• 跟随协作者的 agent 在画布上的操作，实现符合当前协作方式的多人协作体验。

使用 agent 从任何 Figma 产品中查找并插入所需的精确文件。

跟踪协作者的 agent 在画布上的操作。

正如 Uber、Granola 和 Atlassian 团队所反馈的，将 agent 集成到现有工作流中意味着他们无需重新设计流程或在工具间切换，从而能够加快工作进度并提升设计质量。

Uber 如何扩展设计系统文档

Uber 的设计系统团队需要在七个平台上交付组件。挑战不仅在于构建这些组件，更在于有效传达它们：当单个组件可能包含数十种状态、变体、插槽、布尔值和枚举值时，误读其范围会导致后续返工。为此，Staff Product Designer Ian Guisard 和 Senior Product Designer Niloo Bakhshi 构建了一种工作流程，利用 Figma agent 来记录和维护设计系统，实现了实现速度提升的前提——精确性。

Niloo 的工作非常注重视觉表现，她表示：“我花大量时间在 Figma 上制作原型，以展示新组件的设计愿景。” 过去，将这些工作转化为可执行的组件规格是一个缓慢且手动的过程。现在，Ian 与她合作，利用 Figma agent 和一套他开发的自动化工具，创建开发就绪的文档。例如，/create-anatomy 可以展示组件结构，而 /create-color 则将颜色映射到设计标记并标记出硬编码值。运行这些工具可以节省工程师挖掘设计图层的时间，减少在不同平台之间的来回沟通。

Figma 社区中提供的 /create-anatomy 工具，可以为选定的组件生成带注释的可视化视图。

Ian 表示：“这些工具发布在 Figma 社区中，任何人都可以将其应用到自己的组件上。” 他解释道：“你创建一个任务，让它在后台运行，同时继续设计。这些工具不仅对工程师有用，对我作为设计师也十分实用：当我不小心修改了硬编码颜色时，代理工具会明确指出问题所在。这不仅优化了交接流程，也为我们设计师提供了宝贵的参考依据。”

自动化这项工作帮助团队实现了显著的效率提升。过去需要多人耗费数月时间完成的文档工作，现在只需一位设计师在一天内即可完成。“这使我们效率大幅提升，能够在更短的时间内交付更高质量的组件，”Ian 表示。“Figma 中的代理工具让技能在工作发生的地方直接运行。组件及其上下文已经存在于文件中，因此无需将工作转移到其他工具或学习独立的工作流程。这使得技能的使用更加直观，也更容易在团队中共享。”

Granola 如何自信地进行设计

由人工智能驱动的笔记应用 Granola 背后这支小型敏捷团队，以实验文化著称。“当你在探索时，能在 Figma 中看到画布上散落的 10 个设计版本，这非常有用，”产品设计师 Paavan Buddhdev 表示。Figma 的代理工具帮助他快速迭代并整合团队反馈，使他能够专注于宏观层面的工作。“这节省了我大量时间，”他说道。

通过 Granola 连接器，Paavan 让 Figma 代理工具直接从会议记录和转录文本中提取反馈，并将其标注在画布上。这种功能在常规的设计评审中同样有用，也适用于“Taste the Soup”这种聚焦的团队测试环节，此时整个团队会测试原型并提供反馈。“以前，我需要在会议期间疯狂地打字记录，以保持一个持续的待办事项列表，”Paavan 表示。“使用 Granola 连接器与代理工具的神奇之处在于，我可以在会议中更加专注并有效回应。我仍然在做设计工作，但这种工具让我更有信心，确保不会遗漏任何重要内容。”

Paavan 使用 Granola 连接器与 Figma 代理工具，浏览会议记录并在画布上添加反馈作为注释。

Paavan 的工作流程还利用自动化来保持设计过程的持续动力。通过使用 Figma 的 Chrome 扩展程序，他可以将 Granola 应用程序中已有的界面直接导入画布。接着，他会要求代理清理与 Oats（他们的组件库）的连接。有时，他还会要求生成文案变体，例如“给我 30 种不同的按钮文字写法”。他说：“这能帮你完成那些你不太想做的事情。”

由于代理减少了战术层面的摩擦，Paavan 有更多时间探索不同的解决方案、与用户交流并对其工作进行压力测试。“越快将设计展示给用户，效果越好，”他说，“因此我与代理的所有互动都服务于这个目标。”

Atlassian 如何实现动态设计的标准化

动态效果是 Atlassian 品牌表达和用户体验的核心，但并非所有设计都能最终落地。通过将动态设计资源转化为 Figma 中的可复用组件，Atlassian 的小规模动态设计团队得以扩展其专业能力，而 Figma 代理则作为该系统的延伸。高级产品设计师 Alexandra Pereira 表示：“这将原本需要专业人员交接的动态插画，转化为我们系统内的能力，同时帮助我们保留动态设计的精髓。”

现在，设计师在设计引导模态框时，可以从动态插画库中选择合适的组件填充到指定位置。如果场景需要定制化内容，代理会协助他们调整缓动效果和持续时间，以匹配设计意图，同时确保最终结果使用 Atlassian 设计系统变量。“在企业系统中，能够在预设范围内生成内容至关重要，”Alexandra 说，“这不仅提升了速度，也保障了设计一致性、可访问性和实现质量。”

这意味着即使对动态设计不够熟练的设计师，也能产出既富有表现力又符合品牌调性的作品。当产品设计师 Davy Fung 需要为 Slack 通信横幅添加动画时，他向代理说明了需求，并询问哪些部分有效、哪些需要改进。“如果没有代理的帮助，我根本无法完成这样的工作，”他说，“对于习惯静态设计的设计师来说，我们的技能得到了显著提升。”

Davy 使用代理为一篇关于从 Figma 到代码的内部博客文章设计了动态标题。

随着更多团队成员开始在画布上使用动态工具，大家更容易找到一个良好的起点。“我认为很多人在使用这些新工具时，会逐渐提升自己对动态效果的审美能力，”首席动态设计师 Maxwell Hathaway 表示，“毕竟他们已经在 Figma 画布上习惯了做设计决策。”

Figma 代理目前支持 Professional、Organization、Enterprise 和部分 Education 计划的 Full 帐号用户，Starter 计划提供有限使用权限。Collab、Dev 和 View 帐号用户可以在草稿中使用代理功能。想了解如何在自己的工作流程中使用代理，可以查看我们最新的 Workflow Lab 专题——然后亲自尝试一下。

/$

3:40 PM · Oct 6, 2026

·

34.6K

Views