面向 AI 助手的 MCP 服务器,桥接 Figma 设计工具,提供 94+ 工具覆盖设计系统提取、创建编辑、变量管理、无障碍审计与设计-代码一致性检查。
Figma Console MCP Server 是基于 Model Context Protocol 构建的 Figma 桥接服务器,由 southleft 组织维护,使用 TypeScript 开发,当前版本 v1.22.3。
项目支持四种连接模式:NPX(94+ 工具,推荐)、Cloud Mode(43 工具,支持 Web AI 客户端)、Local Git(94+ 工具)、Remote SSE(22 只读工具)。读取操作通过 Figma REST API 完成,写入操作通过 Desktop Bridge 插件经 WebSocket 调用 Figma Plugin API 执行。
核心能力包括:设计系统一键提取(tokens、组件、样式)、通用 figma_execute 工具运行任意 Plugin API 代码创建设计元素、变量全生命周期管理、FigJam 协作内容创建、设计-代码一致性评分与差异报告、WCAG 无障碍双端审计(含色盲模拟)、截图与实时日志流可视化调试。v1.22.0 起新增无障碍扫描模块。
云端部署基于 Cloudflare Workers,Cloud Mode 通过 Durable Object WebSocket 中继实现 Web AI 客户端到桌面 Figma 的写入通路,采用 6 位配对码机制。内置 MCP Apps 提供 Token Browser 和 Design System Dashboard 交互界面。
前置条件:Node.js ≥ 18、Figma Desktop(写入必需)、MCP 兼容客户端、Figma PAT(需 File content Read、Variables Read、Comments Read and write 权限)。
NPX 快速启动:
claude mcp add figma-console -s user \
-e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE \
-e ENABLE_MCP_APPS=true \
-- npx -y figma-console-mcp@latest
兼容客户端:Claude Code、Claude Desktop、Cursor、Windsurf、Claude.ai(Cloud Mode)、v0、Replit、Lovable。