Framelink Figma MCP Server
🌐 可用语言： 韩语 (Korean) | 日语 (Japanese) | 中文 (Chinese)
为您的代码代理访问您的 Figma 数据。
一键实现任何框架的设计。
使用此 模型上下文协议 服务器，让 Cursor 和其他 AI 驱动的代码工具访问您的 Figma 文件。
当 Cursor 可以访问 Figma 设计数据时，它比其他方法（如粘贴截图）更擅长准确的一键实现设计。
查看快速入门说明 →
Demo
观看使用 Figma 设计数据在 Cursor 中构建 UI 的演示
工作原理
- 打开您的 IDE 的聊天窗口（例如 Cursor 中的代理模式）。
- 粘贴 Figma 文件、框架或组的链接。
- 让 Cursor 对 Figma 文件执行操作——例如实现设计。
- Cursor 将从 Figma 获取相关元数据，并使用它来编写您的代码。
此 MCP 服务器专为与 Cursor 一起使用而设计。在响应来自 Figma API 的上下文之前，它会简化并转换响应，以便仅向模型提供最相关的布局和样式信息。
减少提供给模型的上下文量有助于提高 AI 的准确性并使响应更相关。
入门指南
许多代码编辑器和其他 AI 客户端使用配置文件来管理 MCP 服务器。
figma-developer-mcp 服务器可以通过在您的配置文件中添加以下内容进行配置。
注意：您需要创建一个 Figma 访问令牌才能使用此服务器。有关如何创建 Figma API 访问令牌的说明，请参阅 此处。
MacOS / Linux
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
Windows
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "cmd",
"args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
或者您可以在 env 字段中设置 FIGMA_API_KEY 和 PORT。
如果您需要更多关于如何配置 Framelink Figma MCP 服务器的信息，请参阅 Framelink 文档。
Star History
了解更多
Framelink Figma MCP 服务器简单但功能强大。通过在 Framelink 网站上了解更多信息，您可以充分利用它。
