claude-talk-to-figma-mcp
活跃·★ 672·MIT·更新于 2026-04-18
这是一个模型上下文协议（MCP）插件，使Claude桌面版及其他AI工具（如GitHub Copilot和Cursor）能够直接与Figma交互。它通过允许AI代理发送设计命令并接收Figma的实时更新，从而实现强大的AI辅助设计功能。
claude-talk-to-figma-mcp 当前归类于 工作流自动化，更适合按具体工作流、部署方式和团队场景来判断是否适配。从现有资料来看，它主要强调 文档交互：分析Figma设计、获取选择项并导出资产。。典型使用场景包括 AI驱动的UI界面创建，例如生成具有现代风格的移动应用登录界面。。页面记录的许可证为 MIT。当前 GitHub Stars 为 672。相关标签包括 AI、Figma。
#AI#Figma#插件#MCP#设计自动化#Claude#前端#Node.js#WebSocket
01
功能特性
01文档交互：分析Figma设计、获取选择项并导出资产。
02元素创建：创建形状、文本和框架，并全面控制其样式。
03智能修改：应用颜色、效果、自动布局和响应式设计更新。
04文本处理：管理高级排版、加载字体并扫描文本节点。
05组件集成：利用本地和团队库组件，实现一致的设计。
02
为什么选择它
+文档交互：分析Figma设计、获取选择项并导出资产。
+元素创建：创建形状、文本和框架，并全面控制其样式。
+AI驱动的UI界面创建，例如生成具有现代风格的移动应用登录界面。
+覆盖 8 个兼容平台或环境。
03
权衡点
!最终选型仍建议与同类工具做并排比较，而不是单看单页信息。
04
兼容性
Claude Desktop
AI客户端
已通过文档验证
Cursor
AI客户端
已通过文档验证
Figma Desktop
设计工具
已通过文档验证
Node.js
运行时
已通过文档验证
Bun
包管理器
已通过文档验证
macOS
操作系统
已通过文档验证
05
快速开始
1
$ npx claude-talk-to-figma-mcp
06
使用场景
↳AI驱动的UI界面创建，例如生成具有现代风格的移动应用登录界面。
↳在AI协助下重新设计和修改现有设计组件，例如更新带有悬停状态的按钮组件。
↳自动化设计审计和资产导出，例如获取项目概述或生成设计资产。
↳在设计中应用一致的样式和布局，例如品牌颜色应用和组件间距。
↳高级排版和文本操作，用于内容更新和文本审计。
07
同类工具
mcp-server★ 140
一个使用 Webflow JavaScript SDK 实现 Webflow 模型上下文协议（MCP）的 Node.js 服务器，旨在使 AI 代理能够与 Webflow API 交互。
bricks-mcp-open★ 92
bricks-mcp 是为 Bricks Builder 提供 100+ 个工具的最全面的开源 MCP 服务器，支持通过 AI 助手管理页面、模板、样式、SEO 和内容。
评论
登录后发表评论
暂无评论，来发表第一条吧