活跃

figma-developer-mcp

MCP server to provide Figma layout information to AI coding agents like Cursor

Figma MCP Server 接入指南 →
GitHub ↗npm ↗
70
TrustScore
✅ 暂未检测到明确停更信号;用于生产前仍需完成安全与兼容性验证

它能帮你做什么

让 AI 读取你的 Figma 设计稿——拿到布局、颜色、间距、组件信息,把设计直接变成代码。

能力

  • 读取 Figma 文件的布局与样式
  • 提取颜色 / 间距 / 字体等 design token
  • 把设计节点转成前端代码

装好后,试试这样问 AI

在 Claude / Cursor 等接了这个 server 的客户端里直接说

  • 把这个 Figma 组件转成一个 React + Tailwind 组件
  • 从这个设计稿提取所有用到的颜色,做成一份色板

能接哪些客户端

  • Claude Desktopnpx
  • Claude Codenpx
  • Cursornpx
  • VS Codenpx
  • Windsurfnpx

依据 registry manifest 的包类型和 transport 推导,我们尚未实际安装验证。接入前请以官方 README 为准。

安装 / 接入

claude mcp add figma-developer-mcp -- npx -y figma-developer-mcp

以官方 README 为准;env 与参数各 server 不同。

🛠️ 维护活跃度 权重 30% · 64分

📝
最近提交35 天前
📈
90 天提交数28
💬
近期 issue 获回复比例100%
🗃️
仓库状态正常

📊 采用度 权重 25% · 78分

GitHub stars15.5k(90天 +1%)
📦
npm 周下载85k(-1%)
🚀
月均发版2.2 次

✅ 可用性 权重 20% · 55分

📋
官方 registry未收录
▶️
可运行入口可解析(npx/远程)
🔍
可审计性有开源仓库可审计

❤️ 健康度 & 社区 权重 25% · 81分

🐛
open issues21
🔀
open PRs
⚖️
LicenseMIT
👥
贡献者 / fork30 / 1.2k

数据来源:GitHub API · npm registry · 更新于 2026-07-30

近 90 天趋势

⭐ stars +1%

📦 周下载 -1%

相似 / 替代 server

每周一封,5 分钟看完 MCP 生态发生了什么

新增 server、爆火趋势、弃坑预警——引擎自动追踪,人工筛选后发到你邮箱。

每周一封 · 随时退订 · 不卖数据