
claude-talk-to-figma-mcp
by arinspunk·★ 593·综合分 53
一个MCP服务器,使AI代理能够通过读取、分析和修改功能与Figma设计进行交互。
概述
这个MCP服务器将AI系统与Figma设计工具连接起来,使代理能够自动化设计任务、分析视觉元素并编程修改设计。它支持Figma免费账户使用,无需Dev Mode许可证,使其用户群体广泛。服务器基于WebSocket架构实现,支持多个AI代理并行执行,并通过命令队列防止冲突。
试试问 AI
装完之后,这里有 3 个你可以让 AI 做的事:
什么时候选它
当您需要AI代理与Figma设计交互,并且没有付费的Figma Dev Mode许可证时,请选择此MCP服务器。
什么时候不要选它
如果您需要高级Figma变量支持或仅在具有严格Figma Dev Mode许可的团队环境中工作,请不要选择此方案。
此 server 暴露的工具
从 README 抽取出 12 个工具get_document_infoGet information about the current Figma document
get_current_selectionGet information about currently selected elements in Figma
scan_textScan for text elements in the Figma document
audit_componentsAudit components in the Figma document
export_assetsExport assets from the Figma document
create_frameCreate a new frame in the Figma document
create_textCreate a new text element in the Figma document
create_shapeCreate a shape element in the Figma document
modify_colorsModify colors of elements in the Figma document
set_stylesSet styles for elements in the Figma document
clone_elementClone an existing element in the Figma document
group_elementsGroup multiple elements together in the Figma document
说明:Tool names inferred from the capabilities section. README mentions a 'complete command list' but doesn't show actual tool names or signatures.
可对比工具
安装
安装
- 安装并启动WebSocket:
``bash npx claude-talk-to-figma-mcp ``
- 在Figma中安装插件:
- 打开Figma Desktop - 转到菜单 → 插件 → 开发 → 从清单导入插件 - 选择 src/claude_mcp_plugin/manifest.json
- 配置您的AI工具:
**Claude Desktop**:下载并双击 claude-talk-to-figma-mcp.dxt **Cursor**:添加到 mcp.json: ``json { "mcpServers": { "ClaudeTalkToFigma": { "command": "npx", "args": ["-p", "claude-talk-to-figma-mcp@latest", "claude-talk-to-figma-mcp-server"] } } } ``
claude-talk-to-figma-mcp 对比
最后更新于 · 由 README + GitHub 公开数据自动生成。