MCP Configs2026年5月13日·1 分钟阅读

figma-console-mcp — Figma Design System via MCP

figma-console-mcp exposes your Figma design system as MCP tools (100+ in NPX mode). Verified 1,671★; setup is ~5–10 minutes with a Figma token.

Agent 就绪

这个资产可以被 Agent 直接读取和安装

TokRepo 同时提供通用 CLI 命令、安装契约、metadata JSON、按适配器生成的安装计划和原始内容链接,方便 Agent 判断适配度、风险和下一步动作。

Needs Confirmation · 62/100策略:需确认
Agent 入口
任意 MCP/CLI Agent
类型
Mcp
安装
Npx
信任
信任等级:Established
入口
npx -y figma-console-mcp@latest
通用 CLI 安装命令
npx tokrepo install 805626dc-8a71-5664-9f00-e991f7127671
介绍

figma-console-mcp 把 Figma 设计系统变成 MCP 工具(NPX 模式 100+)。已验证 1,671★;准备 Token 后约 5–10 分钟可接入 Claude/Cursor。

Best for: 想让 agent 抽取设计 token/组件并定位 UI 偏差的设计+研发团队

Works with: Claude Code、Cursor、Windsurf、Claude Desktop 与任意 MCP 客户端(NPX/Cloud/Remote SSE)

Setup time: 5-10 minutes

Key facts (verified)

  • GitHub:1671 stars · 193 forks;最近更新 2026-05-13。
  • 许可证:MIT;作者头像与仓库链接均已通过 GitHub API 复核。
  • README 中核对过的入口命令:npx -y figma-console-mcp@latest

Main

  • 需要写入(创建/修改 frame、组件)就用 README 的 NPX/Local Git:工具最全(100+)。

  • 把它当作设计到代码的桥:抽取 variables/styles、生成变更日志、做可访问性扫描,降低 Figma 与代码的偏差。

  • 只读探索场景可用 README 的 Remote SSE(约 2 分钟)——能力更少但接入最快。

Source-backed notes

  • README 写明:NPX/Local Git 模式提供 100+ 工具;Remote SSE 为只读且工具子集更小。
  • README 给出 Claude Code 的配置示例:claude mcp add ... -- npx -y figma-console-mcp@latest 并使用 Figma access token。
  • README 强调版本历史、diff、生成 markdown 变更日志,以及 WCAG 可访问性检查等能力。

FAQ

  • 必须装 Figma Desktop 吗?:写入类工作流通常需要。README 推荐使用 Figma Desktop 以获得完整能力。
  • 最快的接入方式是什么?:README 标注 Remote SSE 约 2 分钟即可只读探索。
  • 只能做抽取吗?:不是。README 在 NPX/Local 模式下包含创建/编辑与可访问性扫描等能力。
🙏

来源与感谢

Source: https://github.com/southleft/figma-console-mcp > License: MIT > GitHub stars: 1671 · forks: 193

讨论

登录后参与讨论。
还没有评论,来写第一条吧。

相关资产