figma-console-mcp 是设计创意领域的开源项目,由 southleft 开发,2025 年首次发布。
在全站 13,916 个收录项目中,它的 GitHub 星标数(2,448)位列前 30%,在设计创意分类的 192 个项目里位列前 15%。
项目目前处于活跃维护状态,最近一次代码更新于 2026-10-02。
它主要面向的使用场景是:把设计系统的颜色、字体、间距变量同步给AI生成主题代码。同类可对比的替代方案包括 figma-mcp、Figma-Context-MCP。

把 Figma 设计系统变成 AI 能直接调用的接口
figma-console-mcp 是一个把 Figma 设计系统变成 API 的 MCP 服务器,用 TypeScript 编写。它解决的核心问题是:AI 编码工具(如 Claude、Cursor 等)无法直接读取或操作 Figma 文件,导致设计稿与代码之间需要人工搬运。项目通过 MCP 协议把 Figma 的变量、样式、组件、文本等内容暴露成可调用的工具接口,让 AI 能提取设计 token、读取节点结构、创建和修改元素,甚至执行调试命令。核心能力包括:连接 Figma 桌面端或插件桥接、批量导出设计变量与样式、按节点 ID 查询图层信息、在 Figma 中生成新节点,以及运行控制台脚本排查问题。它适合把设计系统接入 AI 工作流,减少手工对照设计稿写代码的重复劳动,让设计规范更自动地流向实现层。
本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整
—
1选择安装方式
按目标对照官方表格选择:要与 AI 一起创建/修改设计选 NPX 推荐;Web 端 AI 选 Cloud Mode;想贡献代码选 Local Git;只想只读浏览选 Remote SSE。
2准备 Figma 凭证
NPX 与 Local Git 模式使用手动 PAT 认证;Cloud Mode 和 Remote SSE 使用 OAuth 自动认证,无需手动配置令牌。
3克隆仓库(本地模式)
仅 Local Git / 贡献者模式需要,克隆后按仓库说明安装依赖;NPX、Cloud、Remote SSE 三种方式可跳过此步。
git clone https://github.com/southleft/figma-console-mcp.git4打开 Figma 桌面端
正常启动 Figma 桌面端即可,README 明确说明不需要任何 debug 启动参数。
5导入桌面桥插件
在 Figma 中进入 Plugins → Development → Import plugin from manifest...,选中 figma-console-mcp 目录下的 figma-desktop-bridge/manife
6运行插件连接
在你的 Figma 文件中运行该插件,它会通过 WebSocket 自动连接,自动扫描 9223–9232 端口,无需手动指定端口。
7让 AI 验证连接
向你的 AI 助手提问“Check Figma status”,返回已连接状态即表示 MCP 与 Figma 通道打通。
| 配置项 | 必填 | 说明 | 示例 |
|---|---|---|---|
PAT | 是 | NPX 与 Local Git 模式下手动配置的 Figma 个人访问令牌 | figd_xxxxxxxxxxxxxxxx |
WebSocket 端口范围 | 否 | 桌面桥插件自动扫描的本地端口,无需手动设置 | 9223–9232 |
向 AI 提问 “Check Figma status”,确认返回已连接 Figma、工具可用即成功。
Q:使用变量功能需要 Figma 企业版吗?
A:不需要。README 的对比表显示 NPX、Cloud Mode、Local Git 三种方式均支持 Variables (no Enterprise)。
Q:只想读取设计数据,最快怎么装?
A:选 Remote SSE,约 2 分钟完成,无需 Node.js、OAuth 自动认证,但只有只读工具子集。
Q:Cloud Mode 需要装 Node.js 吗?
A:不需要。Cloud Mode 面向 Claude.ai、v0、Replit、Lovable 等 Web AI 客户端,配对后提供 96 个工具。
Q:桌面桥插件每次都要重新导入吗?
A:不用。属于一次性导入,之后它会留在 Development plugins 列表里,需要时直接运行即可。
Q:Figma 桌面端要开调试参数吗?
A:不用。README 说明按正常方式启动 Figma Desktop 即可,无任何 debug flags 要求。
figma-mcp、Figma-Context-MCP
figma-console-mcp 是设计创意领域的开源项目,由 southleft 开发,2025 年首次发布。
在全站 13,916 个收录项目中,它的 GitHub 星标数(2,448)位列前 30%,在设计创意分类的 192 个项目里位列前 15%。
项目目前处于活跃维护状态,最近一次代码更新于 2026-10-02。
它主要面向的使用场景是:把设计系统的颜色、字体、间距变量同步给AI生成主题代码。同类可对比的替代方案包括 figma-mcp、Figma-Context-MCP。
上一篇:simple-ai
open-design
开源
让 AI 代工做界面,本地跑完随手改
Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···
Excalidraw
开源
开源虚拟白板协作工具
Virtual whiteboard for sketching hand-drawn like diagrams
morph
开源
用数据直接生成设计、动画和交互可视化
Morph is a free and open-source tool for creating designs, animations or interactive···
ChatGPT-MidJourney-prompt
开源
输入一句话,AI帮你生成Midjourney完整提示词
This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···