wehub/glips--figma-context-mcp

Fork 0

Files

T

wehub-resource-sync e377e0786e

Release / release-please (push) Has been cancelled

Details

docs: make Chinese README the default

2026-07-13 10:43:30 +00:00

4.5 KiB

Raw Permalink Blame History

Note

本文档由 WeHub 基于上游 README 翻译整理，属于社区翻译，非官方中文文档。
English · 原始项目 · 上游 README
原作者、版权与许可证归属以原始项目及本仓库 LICENSE 文件为准。

Framelink MCP for Figma

让你的编程智能体访问 Figma 数据。
一次性在任何框架中实现设计。

通过此 Model Context Protocol（MCP）服务器，让 Cursor) 及其他 AI 驱动的编程工具访问你的 Figma 文件。

当 Cursor 能够访问 Figma 设计数据时，相比粘贴截图等替代方案，它在一次性（one-shot）准确实现设计方面好得多。

查看快速入门说明 →

演示

观看在 Cursor 中使用 Figma 设计数据构建 UI 的演示

工作原理

打开 IDE 的聊天界面（例如 Cursor 中的 agent 模式）。
粘贴 Figma 文件、画框（frame）或群组（group）的链接。
让 Cursor 对 Figma 文件执行操作——例如实现该设计。
Cursor 将从 Figma 获取相关元数据，并用其编写你的代码。

此 MCP 服务器专为与 Cursor 配合使用而设计。在基于 Figma API, 的上下文进行响应之前，它会简化并转换响应，从而仅向模型提供最相关的布局与样式信息。

减少提供给模型的上下文量，有助于提高 AI 的准确性并使响应更加贴合需求。

快速入门

许多代码编辑器及其他 AI 客户端都使用配置文件来管理 MCP 服务器。

可通过在配置文件中添加以下内容来配置 figma-developer-mcp 服务器。

注意：你需要创建 Figma 访问令牌（access token）才能使用此服务器。有关如何创建 Figma API 访问令牌的说明请参阅此处.

MacOS / Linux

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

Windows

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

或者，你可以在 env 字段中设置 FIGMA_API_KEY 和 PORT。

如需了解更多关于如何配置 Framelink MCP for Figma 的信息，请参阅 Framelink 文档.

Star 历史

了解更多

Framelink MCP for Figma 简洁而强大。访问 Framelink 网站了解更多，以充分发挥其作用。

4.5 KiB Raw Permalink Blame History Unescape Escape