开源推荐 morning

GitHub 热门项目：Figma-Context-MCP

摘要

GitHub项目：Figma-Context-MCP 仓库地址：https://github.com/GLips/Figma-Context-MCP Stars：15708 | 作者：GLips 项目描述：MCP server to provide Figma layout information to AI coding agents like Cursor ==================...

Figma the Cursor https MCP and your with Context com

2026-08-25 1 阅读 约3分钟阅读 GitHub Trending

使用此 [模型上下文协议](https://modelcontextprotocol.io/introduction) 服务器让 [Cursor](https://cursor.sh/) 和其他人工智能驱动的编码工具访问您的 Figma 文件。 当 Cursor 能够访问 Figma 设计数据时，它比粘贴屏幕截图等其他方法更能准确地进行一次性设计。

查看快速入门说明 →

## 演示 [观看使用 Figma 设计数据在 Cursor 中构建 UI 的演示](https://youtu.be/6G9yb-LrEqg) [](https://youtu.be/6G9yb-LrEqg) ## 它是如何工作的 1. 打开 IDE 的聊天（例如 Cursor 中的代理模式）。 2. 粘贴 Figma 文件、框架或组的链接。 3. 要求 Cursor 对 Figma 文件执行某些操作，例如实施设计。 4. Cursor将从Figma获取相关元数据并用它来编写代码。 此 MCP 服务器专为与 Cursor 一起使用而设计。在使用 [Figma API](https://www.figma.com/developers/api) 中的上下文进行响应之前，它会简化并转换响应，以便仅向模型提供最相关的布局和样式信息。 减少提供给模型的上下文量有助于使人工智能更加准确，响应更加相关。 ## 开始使用 许多代码编辑器和其他 AI 客户端使用配置文件来管理 MCP 服务器。 可以通过将以下内容添加到配置文件来配置“figma-developer-mcp”服务器。 > 注意：您需要创建 Figma 访问令牌才能使用此服务器。有关如何创建 Figma API 访问令牌的说明可以在[此处](https://