cursor-talk-to-figma-mcp:一个让 AI 代理程序化读取和修改 Figma 设计的 MCP 集成

cursor-talk-to-figma-mcp:一个让 AI 代理程序化读取和修改 Figma 设计的 MCP 集成

它解决了什么问题

该项目在 AI 代理(如 Cursor 或 Claude Code)与 Figma 之间搭建了一座桥梁,使这些代理能够以编程方式读取、修改和自动化设计文件。它通过让 AI 直接与设计画布交互,消除了将设计需求手动转化为 Figma 更改的繁琐工作。

工作原理

系统使用模型上下文协议(MCP)将 AI 代理连接到 Figma 插件。通信通过一个 WebSocket 服务器完成,该服务器充当 MCP 服务器(代理使用)与 Figma 插件(位于设计工具内部)之间的中继。

适用人群

使用 Cursor 等 AI 驱动 IDE 的设计师和开发者,想要自动化重复的设计任务、批量内容更新,或将原型流程转换为可视化图表。

亮点

  • 全面的设计工具集:提供读取文档信息、管理选区、创建画框、矩形和文本,以及修改自动布局和间距等布局属性的工具。
  • 设计自动化:支持批量文本替换以及在多个目标之间传播组件实例的覆盖。
  • 原型可视化:能够将 Figma 原型交互转换为 FigJam 连接线,以实现更好的可视化流程映射。
  • 注释管理:包含扫描节点并创建或更新原生 Figma 注释(支持 markdown)的工具。
  • 导出功能:允许将节点导出为图像(PNG、JPG、SVG 或 PDF)。

摘要

一个 MCP 集成,使像 Cursor 这样的 AI 代理能够以编程方式读取和修改 Figma 设计,自动化批量文本更新和布局调整等任务。

标题

cursor-talk-to-figma-mcp:一个让 AI 代理程序化读取和修改 Figma 设计的 MCP 集成

Sources