Figma 终于能被 Agent 改写了！figma-use 让你在终端指挥画布，603 star

聊一个最近让我眼前一亮的工具——figma-use，GitHub 已经 600+ star 了。它的定位一句话讲清楚：Figma 的官方 MCP 只能读不能写，这个能写，而且是给 AI Agent 用的命令行工具。

做设计的人最痛的一件事是什么？Agent 帮你读完 Figma 文件、读完设计系统，读完然后呢？它不敢动你的画布——因为官方那个 MCP 插件只读不写。结果就是「Claude 看懂了，但只能给你口述一份改稿建议」，这跟「直接帮我把按钮颜色换了、把那张 Banner 调宽一点」差了一整个人类文明的距离。

它是怎么把这件事干成的

作者 dannote 的思路非常工程师：绕开 Figma 的 API 限制，直接接管 Chrome DevTools 协议。你在终端里打开 Figma 的 remote debugging 端口（9222），figma-use 就相当于一个能在你的本地 Figma 实例里跑命令的「远程手」。100+ 条 CLI 命令，cover 几乎所有画布操作——建 frame、加文本、设 auto layout、插 icon、绑 component variant、导出 PNG。

更优雅的是它支持两种交互模式：

• Imperative 模式：一行行敲命令，适合做精确、原子化的改动。
• Declarative 模式：直接喂 JSX 进去（<Frame><Text>标题</Text></Frame> 这种），figma-use render --stdin 一把梭哈。这才是 LLM 真正擅长的——因为它们训练数据里全是 React，看见 JSX 比看见一堆 CLI flag 顺眼 10 倍。

设计工程师的硬需求全打通

实测几个让我想立刻把它塞进 pipeline 的能力：

• Iconify 集成：figma-use create icon mdi:home 一行调用 15 万+ 图标，免下载免导入。
• 设计系统反向同步：把现有 frame 用 figma-use export jsx 导出成 JSX，扔回 Claude/Codex 做变异生成，再 render 回画布——一个完整的设计 token 循环。
• Tailwind UI 级别的批量重制：官方 demo 视频里有人用 figma-use 把一张 Tailwind 组件库截图 1:1 复刻进 Figma，连 Calendar 那种复杂组件都没掉链子。

⚠️ 一个不得不提的 BUG

最近 Figma 126+ 版本改了 remote debugging 的协议，作者暂时还没适配完。短期方案：要么回退 Figma 版本，要么启 figma-use daemon start --pipe 走 socket 桥接。要么干脆去看一眼他推荐的备胎——OpenPencil，一个能直接读写 .fig 文件的开源设计编辑器，自带 AI。

适合谁装

如果你每天在 Claude Code / Codex / Cursor 里跟设计稿打交道，又苦于 Agent「看得懂但动不了」，这个工具基本是当下最干净的解。装一条 npm install -g figma-use，把 Figma 启动加个 --remote-debugging-port=9222 参数，就能跟 Agent 闭环了。

GitHub：https://github.com/dannote/figma-use
Star：603
License：MIT

GitHub: https://github.com/dannote/figma-use