← 返回目录
F

Framelink MCP for Figma

社区
让 AI 编程代理读取 Figma 设计数据。
GitHub 源仓库 ↗
★ 15.5k Stars 分类 · 开发工具 非常热门
57FMRS · C
可靠性
9/20
安全与权限
11/20
维护活跃度
11/20
文档质量
13/20
安装易用性
13/20

MIT 许可的开源 MCP 服务器,面向 Cursor 等 AI 编程工具提供 Figma 布局与样式上下文;manifest 版本为 0.6.4,使用 npm 包 figma-developer-mcp 和 stdio 传输。

查看 FMRS 评分方法 →

Framelink MCP for Figma 是一个通过 Model Context Protocol 向 Cursor 等 AI 编程工具提供 Figma 布局信息的 MCP 服务器。它会简化并转换 Figma API 响应,向模型提供更相关的布局和样式信息,帮助其实现设计。

工具能力

暂未整理工具清单。

安装接入

在支持 MCP 的客户端配置文件中添加服务器配置,使用 npx 运行 figma-developer-mcp,并将 --figma-api-key=YOUR-KEY 替换为你的 Figma 访问令牌。服务器使用 stdio 传输。也可以在 env 中设置 FIGMA_API_KEY 和 PORT。

claude_desktop_config.json
{"mcpServers":{"Framelink MCP for Figma":{"command":"npx","args":["-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"]}}}

选型与风险

适合谁

  • 使用 Cursor 的开发者
  • 希望根据 Figma 设计生成代码的团队
  • 需要布局和样式上下文的 AI 编程工作流

不适合谁

  • 不使用 Figma 的项目
  • 不使用 AI 编程工具的工作流
  • 需要已列明具体工具清单或非 stdio 传输的场景

所需权限

  • 需要 Figma Personal Access Token
  • 令牌用于访问 Figma 数据
  • 具体令牌权限范围未在来源中说明

风险与副作用

  • 需要将 Figma 访问令牌配置给服务器,令牌泄露可能导致访问风险
  • Figma 设计数据会提供给 AI 编程代理,敏感设计内容应谨慎使用
  • 生成结果仍需人工核对,来源仅描述其有助于更准确地实现设计

常见排障

  1. 确认已创建并配置 Figma 访问令牌
  2. 检查客户端配置中的 npx、包名、令牌参数和 --stdio 参数
  3. 确认提供的是 Figma 文件、画板或组的链接
  4. 如使用环境变量,检查 FIGMA_API_KEY 是否已设置

使用场景

将 Figma 文件、画板或组链接提供给 Cursor
根据 Figma 设计在任意框架中实现界面
让 AI 编程工具读取布局和样式上下文

支持客户端

Cursor完整支持