适合谁
- UX/UI团队：自动化重复性设计任务，保持品牌一致性
- 开发者：直接从设计生成生产级代码
- 需要免费Figma账户即可使用的团队
T
53FMRS · D
该项目提供了一个功能丰富的MCP服务器，使AI代理能够与Figma深度集成。它支持设计分析、元素创建和修改，并兼容多种AI工具。最大的优势是无需Dev Mode许可即可使用。对于设计团队和开发者来说是一个实用性强的工具，但需要注意多代理修改风险和一些功能的开发状态。
这是一个Model Context Protocol (MCP)服务器，使Claude Desktop、Claude Code、Cursor、Antigravity等AI工具能够与Figma设计文件进行交互。它支持设计分析、元素创建、样式修改等功能，并兼容任何Figma账户（包括免费版），无需Dev Mode许可。该服务器通过WebSocket与Figma插件通信，支持多AI代理并行安全执行。
工具能力
get_document_info
获取Figma文档的基本信息
get_current_selection
获取当前选中的元素
get_styles
获取文档中定义的样式
scan_text
扫描文档中的文本元素
audit_components
审计文档中的组件使用情况
export_assets
导出设计资产
create_shape
创建形状元素
create_text
创建文本元素
create_frame
创建框架元素
clone_element
克隆现有元素
group_elements
将多个元素分组
modify_colors
修改元素颜色
modify_borders
修改元素边框
modify_corners
修改元素圆角
modify_shadows
修改元素阴影
auto_layout
应用自动布局
advanced_typography
设置高级文字排版
set_local_component
将元素转换为本地组件
set_team_component
使用团队库组件
安装接入
- 运行
npx claude-talk-to-figma-mcp启动WebSocket服务器。 - 在Figma Desktop中安装插件（菜单 → 插件 → 开发 → 从清单导入插件，选择
src/claude_mcp_plugin/manifest.json）。 - 配置AI工具：
- Claude Desktop：下载 .dxt 文件并双击自动配置。
- Cursor：在设置中创建MCP服务器，配置为 npx -p claude-talk-to-figma-mcp@latest claude-talk-to-figma-mcp-server。
- 其他工具：参考详细安装指南。
- 在Figma中打开插件，复制通道ID，然后告诉AI：“Connect to Figma, channel {your-ID}”。
选型与风险
不适合谁
- 需要修改Figma Variables的完整支持（仍在开发中）
- 需要Tailwind CSS或SwiftUI高级导出功能的用户（即将推出）
所需权限
- 需要Node.js和Figma Desktop
- 需要网络访问以运行npx和连接WebSocket
- 需要安装Figma插件并授予其访问当前设计文件的权限
- AI工具需要配置MCP服务器连接
风险与副作用
- 多代理同时修改文档可能导致冲突，虽然服务器有命令队列，但建议明确指定parentId参数
- 可能存在未发现的Bug，因为项目处于积极开发阶段
- 依赖第三方npm包和Figma插件，需确保来源可信
常见排障
- 确保Node.js已安装并正确运行npx命令
- 检查Figma插件是否正确安装并打开
- 确保通道ID正确复制并在聊天中正确输入
- 查看TROUBLESHOOTING.md文档获取常见错误解决方案
使用场景
自动进行无障碍审计，检测对比度问题并提供修复建议
批量更新样式，如颜色、字体和间距
分析视觉层级并提出改进建议
从设计生成React/Vue/SwiftUI组件代码
保持设计与开发同步，减少交接摩擦
支持客户端
Claude Desktop完整支持
Claude Code完整支持
Cursor完整支持
Windsurf完整支持
VS Code完整支持
GitHub Copilot完整支持
Antigravity完整支持
Cline完整支持
Roo Code完整支持