Figma AI代理操作画布

日本国家Figma公司于24日(美国时间)宣布推出一项新功能,允许AI代理直接在Figma画布上创建和编辑设计。该功能通过Figma MCP服务器提供,作为测试版推出了新工具“use_figma”和新功能“Skills”。

以往的AI应用工作流程中,AI代理生成的用户界面与团队设计系统之间存在差距。借助use_figma,设计团队和开发团队能够在共享的上下文环境中无缝切换代码和画布,实现更紧密的协作。

此外,设计团队积累的命名规范、组件结构和库管理等设计规则和决策,可以直接反映到AI代理的开发中,使AI代理能够生成和编辑与设计系统紧密关联的资产。

Skills功能介绍

Skills功能用于定义AI代理的操作方式。它通过Markdown格式的指令集指导AI代理如何在设计画布上执行操作,允许用户在Figma内部定义工作流程步骤和规则,无需插件开发或编码即可创建。

同时,该功能支持“自我修正循环”,AI代理会将生成的界面截图与正在执行的代码进行对比,反复修正不一致的部分,从而提升输出的准确性。

这些功能原生集成于Figma MCP服务器,并通过插件API提供对Code Connect、Figma Draw、FigJam等工具的访问。虽然作为付费API提供,但在测试期间免费开放。目前支持Augment、Claude Code、Codex、Copilot CLI、Copilot in VS Code、Cursor、Factory、Firebender、Warp等平台使用。