设计工具龙头 Figma 宣布,AI 代理(Agent)现在可以直接在 Figma 画布上进行操作——不仅仅是读取设计文件,而是能够实际建立、编辑组件、套用设计系统变量、调整自动排版,并与现有设计系统完整串接。Open Beta 即日起开放,并在测试期间免费提供。
技术核心:通过 Plugin API 说 Figma 的语言
此次整合的关键在于新推出的
use_figma
MCP 工具。与过去截图识别或 API 包装的做法不同,Figma 选择让代理通过 Plugin API 生成代码——让 AI 以 Figma 原生语言操作画布,而非模拟人类鼠标行为。
Anthropic 工程师 Thariq 指出,这使得操作可靠性大幅提升:「Claude 会把你的应用程序代码翻译成 Figma functions,准确度远超过去的猜测式做法。」
设计系统成为 AI 的共同语言
最受工程师与设计师关注的是,AI 现在能读取完整的设计系统上下文:组件名称、间距 token、颜色变量、字体规范,代理不再需要「猜测」设计意图,而是直接引用既有规范进行生成。
这形成了一个双向循环:代理读取设计系统 → 生成代码 → 将 UI 变更推回 Figma 画布。设计与开发之间的交接落差,理论上可以大幅缩短。
支持工具:Claude Code、Codex、Cursor 等主流 MCP 客户端
目前已支持的 MCP 客户端包括:Claude Code、Codex、Cursor、Copilot CLI、Copilot in VS Code、Augment、Factory、Firebender、Warp 等主流开发工具。Figma 表示,此功能将以付费 API 形式提供,但 Beta 测试期间免费开放。
设计师的角色正在转变
社区反应两极。有资深设计师表示,过去 20 年使用 Figma 的习惯在近四个月内已几乎被 Claude 取代;也有人指出,当代理能直接重构设计系统时,设计师需要重新定义自己的角色——从执行者转为审核者。
值得注意的是,Figma 股价($FIG)在消息发布当天下跌约 6%,市场对此释放出矛盾信号:这项功能究竟是强化了 Figma 的护城河,还是加速了设计工具本身被取代的进程,仍有待观察。
这篇文章 Figma 开放 AI 代理直接操作设计画布,Claude Code、Cursor、Codex 全支持,Open Beta 即日上线 最早出现在 链新闻 ABMedia。