Framelink MCP for Figma

为编程智能体提供 Figma 文件简化布局与样式数据的 MCP 服务，用于把设计稿转成代码。

发布者：GLipsGLips/Figma-Context-MCP

.install .install-tabs{display:none}.install .install-panel[hidden]{display:block}@media (max-width:767px){.install .install-panel[hidden]{display:flex}}.install .install-panel+.install-panel{border-top:1px solid var(--line)}.install .install-panel-label{display:block}.install .install-all{display:none}

安装

选择客户端，然后复制命令。

Claude Code

在终端运行；替换 YOUR-KEY

claude mcp add figma -- npx -y figma-developer-mcp@0.13.2 --figma-api-key=YOUR-KEY --stdio

Codex

此条目尚未核实 Codex 配置片段

兼容性未确认，因此不提供可直接复制的安装命令。可从固定版本检出开始，并按来源文档确定文件夹放置位置。

固定版本检出（所有客户端相同）

git clone 'https://github.com/GLips/Figma-Context-MCP.git'
cd Figma-Context-MCP && git checkout c083d65c7e002923e7cb98f4e3bdafb105e90f6d

阅读固定版本配置文档 Codex 技能文档

Cursor

.cursor/mcp.json 或 ~/.cursor/mcp.json；替换 YOUR-KEY

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

Git

检出固定版本

git clone 'https://github.com/GLips/Figma-Context-MCP.git'
cd Figma-Context-MCP && git checkout c083d65c7e002923e7cb98f4e3bdafb105e90f6d

任意智能体

粘贴到智能体对话中

Read the source at https://github.com/GLips/Figma-Context-MCP/blob/c083d65c7e002923e7cb98f4e3bdafb105e90f6d/README.md (pinned revision c083d65c7e00). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

全部客户端说明（无需 JavaScript）

Claude Code

在终端运行；替换 YOUR-KEY

claude mcp add figma -- npx -y figma-developer-mcp@0.13.2 --figma-api-key=YOUR-KEY --stdio

Codex

尚未核实此客户端的专用配置片段。请查阅下方通用配置和固定版本来源；兼容性未确认。

阅读固定版本来源

Cursor

.cursor/mcp.json 或 ~/.cursor/mcp.json；替换 YOUR-KEY

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

Git

检出固定版本

git clone 'https://github.com/GLips/Figma-Context-MCP.git'
cd Figma-Context-MCP && git checkout c083d65c7e002923e7cb98f4e3bdafb105e90f6d

任意智能体

粘贴到智能体对话中

Read the source at https://github.com/GLips/Figma-Context-MCP/blob/c083d65c7e002923e7cb98f4e3bdafb105e90f6d/README.md (pinned revision c083d65c7e00). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

收录 ≠ 审计。代码片段依据固定版本的来源文档；运行前请检查来源和脚本。本页面不会安装任何内容。

来源记录

仓库: GLips/Figma-Context-MCP
来源文件: README.md
固定版本: c083d65
上游提交日期: 2026 年 6 月 24 日
最近核验: 2026 年 10 月 19 日
核验时星数: 16005 (2026-10-19)
仓库创建日期: 2025-02-13
默认分支: main
许可: MIT

没有评分，不会自动安装。与发布者无隶属关系。

你将打开的内容

适合粘贴 Figma 画框链接、让智能体实现设计的场景。服务通过 Figma API 获取文件，并精简为布局和样式数据。

如何配置

创建 Figma 个人访问令牌。
用片段添加服务并替换 YOUR-KEY。
粘贴一个 Figma 画框链接，让智能体实现它。

依赖与第三方条款

需要 Node.js 和对所分享文件有读取权限的 Figma 个人访问令牌。README 使用最新 npm 版本；这里的片段固定为 2026-10-19 核对的 npm 版本 0.13.2。不要把密钥放进共享的配置文件。收录不等于审计，运行前请检查脚本。

添加前请检查

先阅读指令并检查脚本，再决定是否执行。
检查工具权限、所需凭据和外部网络请求。
以来源许可和资源专属条款为准。

你将打开的内容

如何配置

依赖与第三方条款

添加前请检查

其他 MCP 服务