Figma-Context-MCP

Figma-Context-MCP

为 AI 编码助手提供 Figma 布局信息的 MCP 服务器。

MCP编程与开发开源FigmaCursorMCP
形态
MCP
传输协议
stdio
是否开源
GitHub Stars
★ 1.5w
收录来源
mcp-github

能力说明

Figma-Context-MCP 是一个 Model Context Protocol (MCP) 服务器,它能够将 Figma 文件中的布局和样式信息传递给像 Cursor 这样的 AI 编码工具。通过访问这些设计数据,AI 可以更准确地一次性实现设计,而无需依赖截图等替代方法。要使用此服务,你需要在配置文件中添加相应的设置,并提供一个 Figma API 访问令牌。该能力特别适合需要快速从设计到代码实现的开发者。

能力点

  • 获取 Figma 文件布局信息
  • 简化并翻译 Figma API 响应
  • 提供相关布局和样式数据

适用场景

AI 辅助 UI 开发设计到代码的一键转换提高编码效率

接入方式

依赖:Figma API KeyNode 环境
在配置文件中添加 `figma-developer-mcp` 服务器设置,并提供 Figma API 访问令牌。

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

如何创建 Figma API 访问令牌?

请参考 Figma 官方文档:https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens

相关 Skill