Cursor和Figma终于能直接对话了——GRAB开源MCP让AI直接读图改稿

你的Cursor和Figma终于能直接「对话」了

做设计的同学，有没有遇到过这种情况——设计师改了稿，你这边代码还没动，等着等着才发现两边对不上？或者反过来，你写了组件，想让设计师按你的实现去调整 Figma 里对应的设计，结果来来回回沟通半天？

GRAB 团队开源的这个 TalkToFigma MCP，就是来解决这个问题的。它让 Cursor、Claude Code、Codex 这些 AI 编程助手，能直接读 Figma 的设计稿、改 Figma 里的元素，不用切换窗口，不用复制粘贴。

怎么做到的

底层用的是 MCP（Model Context Protocol），配合一个 Figma 插件和 WebSocket 通信。简单说：Cursor 发指令 → MCP Server → Figma 插件执行 → 结果返回。整个链路是双向的：

• 读设计：AI 可以查询当前文档结构、选中元素、批量读取节点信息，不用你截图发过去
• 改设计：AI 可以创建矩形/Frame、设置焦点、批量替换文字、设置 Annotation，甚至在 FigJam 里画连接线
• 实例覆盖：可以把一个组件的样式批量传播到多个实例上，省去重复的手工操作

安装有多简单

一条命令搞定大部分：

bun setup

然后在 Cursor 的 MCP 配置里加一行：

"TalkToFigma": {
  "command": "bunx",
  "args": ["cursor-talk-to-figma-mcp@latest"]
}

接着 `bun socket` 启动 WebSocket，去 Figma 社区装插件，打开就能用了。Windows 的同学也有说明文档。

适合什么场景

最爽的场景有三个：

• Design-Dev 闭环：设计师出稿 → AI 读取规格 → 代码直接实现，设计师改了动效参数你让 AI 去查，不用再问「这个间距是多少」
• 批量改稿：要改 50 个按钮的文案，手动改要疯，AI 一次搞定
• 设计系统同步：组件实例样式批量传播，Design Token 落地效率翻倍

注意这个坑

官方特别说明：生产环境慎用实例覆盖传播功能。因为它会直接改 Figma 里的组件实例，万一覆盖错了，设计系统可能一片混乱。建议先在副本文件里试，确认没问题再正式用。

GitHub 6961 颗星，GRAB 团队维护，质量有保证。设计师和开发者都在用的工具，值得试试。

https://github.com/grab/cursor-talk-to-figma-mcp

GitHub: https://github.com/grab/cursor-talk-to-figma-mcp