TalkToFigma MCP

正常
GitHub JavaScript MIT

简介

TalkToFigma 是一个 MCP 集成工具，让 AI 代理（Cursor、Claude Code）能够与 Figma 通信，实现设计稿的读取和程序化修改。

核心特性

  • MCP 服务器让 AI Agent（Cursor、Claude Code）能够读取和程序化修改 Figma 设计稿
  • 基于 WebSocket 的 MCP 服务器与 Figma 插件之间的通信
  • 丰富的 Figma 操作：读取文档信息、管理选区、创建/修改/删除节点
  • 批量文本内容替换和实例覆盖传播，实现大规模设计自动化
  • Auto Layout 和样式控制：内边距、对齐、尺寸、填充颜色、描边、圆角
  • 组件系统支持：获取本地组件、创建实例、提取和应用覆盖

适用场景

💡 自动化设计到代码工作流，AI Agent 读取 Figma 设计并生成实现代码
💡 批量设计更新：在大型 Figma 文件中替换文本内容、样式或组件实例
💡 设计系统执行，Agent 验证和修复跨页面的设计一致性
💡 通过 AI Agent 程序化创建和修改 Figma 布局来快速原型设计

标签

mcp figma design ai-agent cursor automation

分类

🔌 MCP 工具

快速开始

1. 安装 Bun：`curl -fsSL https://bun.sh/install | bash`
2. 运行设置（在 Cursor 中安装 MCP）：`bun setup`
3. 启动 WebSocket 服务器：`bun socket`
4. 从 Figma Community 安装 Figma 插件并连接到 WebSocket 频道
5. 在 Cursor 中通过 MCP 工具向 Figma 发送设计指令
访问 GitHub 访问官网

相关项目