用途:Figma Console MCP 是 Model Context Protocol(MCP)服务器,桥接 AI 助手与 Figma,提供 103 个工具,用于设计系统提取、组件创建、双向令牌同步和可视化调试,使 AI 能以编程方式读取、创建和修改 Figma 设计。
主要能力:设计提取(拉取变量、组件、样式和完整设计树);双向令牌同步(将变量导出为 DTCG JSON + CSS,并将编辑推回 Figma);组件创建(创建框架、形状、文本并实例化组件);变量管理(创建、更新、重命名、删除设计令牌);可视化调试(节点截图、可访问性扫描、版本差异);FigJam 与 Slides(创建便签、流程图、演示文稿);实时监控(通过 Desktop Bridge 监视控制台日志和选区变化)。工具按类别包括文件操作 12 个、节点创建 18 个、变量管理 14 个、令牌同步 2 个、可视化调试 8 个、FigJam 11 个、Slides 9 个、实时监控 6 个、组件操作 15 个、Dev mode 8 个,共 103 个。
使用方式:前置条件为 Node.js 18+、Figma Desktop 应用和 Figma 个人访问令牌。Claude Code 配置命令:claude mcp add figma-console -s user -e FIGMA_ACCESS_TOKEN=$FIGMA_ACCESS_TOKEN -e ENABLE_MCP_APPS=true -- npx -y figma-console-mcp@latest。其他 MCP 客户端(Cursor、Windsurf、Claude Desktop)在 MCP 配置文件中添加 mcpServers 配置,command 为 npx,args 为 -y figma-console-mcp@latest,env 设置 FIGMA_ACCESS_TOKEN 和 ENABLE_MCP_APPS。写操作需安装 Desktop Bridge 插件:打开 Figma Desktop,Plugins → Development → Import plugin from manifest,选择 ~/.figma-console-mcp/plugin/manifest.json,运行插件后自动连接端口 9223-9232。环境变量中 FIGMA_ACCESS_TOKEN 必填,ENABLE_MCP_APPS、LOG_LEVEL 可选。
适用场景:设计系统提取与代码同步、组件与框架创建、设计令牌双向同步、可视化调试与可访问性审计、版本历史差异与追责、FigJam 与 Slides 内容创建、实时监控设计变更。
限制:写操作依赖 Desktop Bridge 插件;远程 SSE 模式为只读;令牌导入为差异感知合并,仅变更值触发 API 调用;截图可能返回空白,需检查节点 ID、可见性和尺寸;连接失败需确认 ENABLE_MCP_APPS、重启 Figma、检查端口扫描和重新导入插件清单;未授权错误需检查令牌和权限范围。定价和具体收费暂未提供。