Figma-Context-MCP
活跃·★ 16.1k·MIT·更新于 2026-10-27
★ 最受欢迎★ 必备神器★ 时下流行
Framelink MCP for Figma 让 AI 编程 Agent 能够读取你的 Figma 设计数据，从而准确地实现设计稿。你只需把 Figma 文件、画框或图层组的链接贴到 Agent 的对话中，让它实现设计；这个 Server 会从 Figma API 获取相关元数据，精简成真正重要的布局和样式信息，再交给模型。
它面向用 Cursor 或其他支持 MCP 的编程 Agent 把 Figma 设计稿转成代码的前端开发者。项目的核心观点是：结构化的设计数据比粘贴截图能得到准确得多的结果；而精简 Figma API 的返回内容，可以让模型更专注、准确率更高。它最初是为 Cursor 设计的，但任何支持 MCP 配置文件的客户端都可以使用。
上手方式：先创建一个 Figma 个人访问令牌，然后在 MCP 配置中加入 `npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio`（Windows 上需要通过 `cmd /c` 运行）。也可以通过环境变量提供 Key 和端口。
#Figma#模型上下文协议#AI编码#设计转代码#开发工具
01
功能特性
01为AI编码代理提供Figma设计数据访问。
02实现任何框架的设计一键式生成。
03简化并翻译Figma API响应，供AI模型使用。
04优化上下文，提高AI准确性和相关性。
05兼容Cursor及其他支持MCP的AI客户端。
02
为什么选择它
+结构化的设计数据比截图能实现得准确得多。
+把 Figma API 的返回内容精简到相关的布局和样式信息，节省上下文。
+只需一条 npx 命令，配置非常简单。
+采用 MIT 许可，使用广泛。
03
权衡点
!需要 Figma 个人访问令牌；直接写在共享的配置文件中有泄露风险，建议使用环境变量。
!只读：它为生成代码提供信息，但不会修改 Figma 文件。
!输出质量仍然取决于 Figma 文件本身的规范程度（自动布局、命名、组件）。
04
维护状况检查
放缓检查日期: 2026-10-24
- 最近提交
- 2026-06-24
- 近 90 天提交数
- 0
- 近 90 天发布数
- 0
- 最新发布
- v0.13.2 (2026-06-18)
- 未关闭 issue
- 28
- 近期 issue 至少有一条评论的比例
- 2/6
近 12 周每周提交数
最早的一周在左边，最近 4 周为橙色。数据来源：GitHub 提交统计。
状态规则：GitHub 上已归档 = 已归档；最近提交在 90 天内 = 活跃；91 到 365 天 = 放缓；更久 = 停滞。所有数字来自所示日期的 GitHub API。
讨论最多的未关闭 issue
- #258 429 rate limit errors from Figma API30 条评论 · 2025-11-23
- #14 [Request/Question] Possibility to add figma tokens/variables in the simpified response.7 条评论 · 2025-02-28
- #144 Attempting to access file's protoype information6 条评论 · 2025-05-27
- #354 Telemetry error_message can include file keys and node IDs1 条评论 · 2026-04-16
- #435 Added 1-click config generator and setup guide for Figma-Context-MCP on MCP ServerList0 条评论 · 2026-10-18
issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。
05
兼容性
Cursor
原生支持
已通过文档验证
AI-powered Coding Tools
支持
已通过文档验证
06
快速开始
1
$ npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
07
使用场景
↳使用Cursor等AI代理将UI设计实现为代码。
↳自动化将Figma设计转换为各种代码框架。
↳提高AI驱动的设计转代码工作流的准确性和效率。
08
同类工具
GitHub MCP Server★ 34.0k
GitHub MCP 服务器将AI工具直接连接到GitHub平台，使AI代理、助手和聊天机器人能够通过自然语言交互管理GitHub资源和自动化工作流。
cursor-talk-to-figma-mcp★ 7.1k
该项目实现了Cursor AI与Figma之间的模型上下文协议（MCP）集成，使Cursor能够与Figma通信，以编程方式读取和修改设计。
评论
登录后发表评论
暂无评论，来发表第一条吧