grab/cursor-talk-to-figma-mcp

TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.

解决的问题

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

工作原理

该系统使用 Model Context Protocol (MCP) 将 AI 代理与 Figma 插件连接。WebSocket 服务器作为中介,实现实时通信,连接 AI 代理使用的 MCP 服务器与在 Figma 环境中执行命令的 Figma 插件。

适用人群

使用 Cursor 等 AI 驱动的 IDE 的设计师和开发者,希望自动化重复性设计任务、管理组件覆盖、或把原型流程转换为可视化连接线的人。

主要亮点

  • 全面的设计控制:支持创建、移动、调整大小和删除帧、矩形和文本节点的工具。
  • 自动文本管理:能够扫描文本节点并执行批量文本内容替换。
  • 组件智能:支持从组件实例中提取并应用覆盖,以保持设计的一致性。
  • 布局自动化:可程序化控制 Auto Layout 设置,包括内边距、对齐方式和间距。
  • 原型可视化:可将原型反应转换为 FigJam 连接线,以更好地进行流程映射。
  • 注释支持:支持创建和更新原生 Figma 注释,并提供 Markdown 支持。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目