grab/cursor-talk-to-figma-mcp

这是什么？

核心功能

• 01通过 MCP 工具读取 Figma 文档、选中项和节点信息。
• 02创建 frame、矩形、文本、section 和组件实例。
• 03修改填充、描边、圆角，以及 auto layout 的内边距、间距和尺寸模式。
• 04支持批量文本替换，并可将实例覆盖属性同步到多个目标。
• 05将旧版标注转换为原生标注，将原型跳转转换为 FigJam 连接线。
• 06将节点导出为 PNG、JPG、SVG 或 PDF。

适用场景

• 在大型营销或本地化设计文件中批量更新文案。
• 在 Cursor 或 Claude Code 中通过提示词快速搭建布局或 frame。
• 将旧标注和原型流程迁移到 Figma 原生功能中。
• 把一个组件实例的定制内容同步到多个相似实例。

快速上手

1. 1

   使用 README 中的官方安装脚本安装 Bun

2. 2

   运行安装命令，将 MCP 服务器安装到你的 Cursor 项目中

   bun setup
3. 3

   启动 WebSocket 服务器

   bun socket
4. 4

   从 Figma 社区页面安装 Figma 插件

使用前须知

• !在 AI 代理能够操作 Figma 之前，你必须保持 WebSocket 服务器运行，并在 Figma 插件中加入一个频道。
• !在 Windows 的 WSL 环境下，你需要手动编辑 src/socket.ts 才能允许连接。

标签

常见问题

cursor-talk-to-figma-mcp 是什么？

让 Cursor、Claude Code 等 AI 智能体通过 MCP 读取并programmatically 修改 Figma 设计稿的集成工具。 Talk to Figma MCP 将 Cursor、Claude Code 等 AI 编程智能体与 Figma 连接起来。项目由 TypeScript 编写的 MCP 服务器和 WebSocket 服务组成，通过运行在设计文件中的 Figma 插件转发指令。连接后，智能体可以读取文档、选中项和节点属性，创建 frame、矩形、文本，修改填充、描边和 auto layout 设置，并导出节点为图片。

cursor-talk-to-figma-mcp 可以免费使用吗？用的什么许可证？

cursor-talk-to-figma-mcp 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

cursor-talk-to-figma-mcp 还在维护吗？

半年内有更新。cursor-talk-to-figma-mcp 最近一次提交是在 2026年7月26日。

cursor-talk-to-figma-mcp 适合用来做什么？

在大型营销或本地化设计文件中批量更新文案。 在 Cursor 或 Claude Code 中通过提示词快速搭建布局或 frame。 将旧标注和原型流程迁移到 Figma 原生功能中。 把一个组件实例的定制内容同步到多个相似实例。

cursor-talk-to-figma-mcp 怎么安装和运行？

使用 README 中的官方安装脚本安装 Bun 运行安装命令，将 MCP 服务器安装到你的 Cursor 项目中: bun setup 启动 WebSocket 服务器: bun socket 从 Figma 社区页面安装 Figma 插件

在哪里获取 cursor-talk-to-figma-mcp？

源代码和安装说明在 GitHub 上：https://github.com/grab/cursor-talk-to-figma-mcp