Figma 向 AI 智能体开放画布：Claude Code 可直接调用规范改图

过去让 AI 帮忙做界面，最头疼的不是它不会画，而是它画出来的东西总有一股挥之不去的「AI 塑料味」。它不知道你家产品特定的品牌蓝、不知道按钮该留多少间距，最后丢给你的往往是一张看着挺热闹、实际完全没法进生产环境的半成品。

Figma 试图彻底打破这堵墙。官方正式推出了 Figma MCP server 的测试版，直接把设计画布向 AI 智能体开放。像 Claude Code、Codex 甚至 Cursor 这类 MCP 客户端，现在可以直接跳进你的 Figma 文件里读取规范并动手修改图层。目前这项能力在测试期免费开放，后续会转为按量收费。

从代码到画布，双向通道终于打通了

这次更新最关键的核心是一个叫做 use_figma 的新工具。它补齐了 Figma 在智能体工作流里最后的一块拼图。

在这之前，Figma 已经有了一个叫 generate_figma_design 的工具，能把线上网页或应用的 HTML 逆向转成可编辑的图层。那是让「设计追平代码」。

而现在的 use_figma 则是反方向操作：AI 智能体可以直接调用你团队现有的组件、变量和样式系统，在画布上新建或修改设计资产。这意味着无论是从终端里的代码开始，还是从画布上的原型开始，两边终于能在一个共享的上下文中对齐。

Codex 的设计负责人 Ed Bayes 就提到，OpenAI 团队平时都在 Figma 里做产品决策和迭代，现在 Codex 能直接读取这些设计上下文，效率完全不可同日而语。

写一份 Markdown，就能教会 AI 你们团队的「家规」

但光给 AI 开权限还不够，万一它进来乱改一通怎么办？Figma 拿出的解法叫做 Skills（技能）。

说白了，Skills 就是一份用 Markdown 格式写成的指令集。你不需要去写复杂的插件代码，只需要把团队的设计原则、执行步骤和规范写成文档，智能体就会老老实实照着做。

这次官方和社区一口气推出了首批 9 个技能，地基是一个名为 /figma-use 的基础技能，负责教会智能体 Figma 的基础结构和核心逻辑。在此之上，还有很多来自从业者的实用工具，比如从代码库或 JSON 合约生成组件、同步设计 tokens 并做偏差检测、生成屏幕阅读器规格，甚至让多个智能体并行干活。

Claude Code 的产品负责人 Cat Wu 表示，Skills 能让智能体直接在画布上工作，同时死死守住团队的设计意图与判断。

更有意思的是智能体的自修复机制。当 AI 生成一个页面后，它可以自动截图并进行比对迭代。因为它操作的是真实的自动布局（Auto Layout）、组件和变量，所有的微调都是在底层结构上完成，而不是在像素上修修补补。

为什么重要

我们认为，Figma 这步棋走得非常狠，而且极其聪明。

对开发者和设计团队来说，它几乎消灭了产研之间最折磨人的人肉搬砖环节。以前前端写完代码，设计稿早就过时了；设计师改了变量，前端的代码库还在用旧 token。现在 Claude Code 这类编码工具可以直接读取规范并在画布上改图，独立开发者甚至能直接跨过初级 UI 的门槛。

对行业而言，Figma 正在把自己从单纯的「设计工具」变成 AI 时代的「界面操作系统」。市面上很多宣称用 AI 一键生成界面的竞品，生成的都是脱离生产环境的死页面；而 Figma 把自己多年积累的组件库、变量系统和设计规范做成了智能体的基础设施，竞争对手很难短期跟进。

不过隐患也显而易见。智能体在多人协作的 Figma 画布上自由增删资产，很容易造成版本混乱和资产污染；同时，测试期过后按量收费的具体价格还没公布，高频调用的成本可能会让中小团队吃不消。但无论如何，设计和编程的边界，已经被这套 MCP 工具彻底抹平了。