mcpField
F
Figma MCP Server

Figma MCP Server

本地服务
registry.modelcontextprotocol.io媒体与设计101 周前更新

关于 Figma MCP Server

Figma MCP Server 将 Figma 未弃用的 REST API 提供给 MCP 客户端,适用于文件、设计系统、协作和组织数据工作流。它从端点定义生成自描述工具,并在调用前校验必需参数。

主要功能

  1. 01覆盖未弃用的 Figma REST API 端点
  2. 02从端点定义发现 50 个工具
  3. 03校验必需参数
  4. 04支持 stdio 传输

适用场景

  1. 01检查文件、节点和版本历史
  2. 02读取及修改设计变量
  3. 03管理组件、样式、评论和文件夹
  4. 04查询 Webhook 与组织活动

MCP 相关

它通过 stdio 将 Figma REST API 端点作为自描述 MCP 工具提供。客户端通过 FIGMA_API_KEY 提供 Figma 个人访问令牌。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"figma-mcp-server-planetabhi": {
"command": "npx",
"args": [
"-y",
"figma-mcp-server"
],
"env": {
"FIGMA_API_KEY": "<FIGMA_API_KEY>"
}
}
}
}
启动命令npx -y figma-mcp-server
需要配置的环境变量
FIGMA_API_KEY密钥Figma personal access token

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npmfigma-mcp-server3.1.1

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

Figma MCP 服务

覆盖完整 Figma REST API 的本地 MCP 服务。适用于 Claude Desktop、Cursor、VS Code、Gemini CLI 以及任何 MCP 客户端。可在 npm 和官方 MCP Registry 获取。

NPM 下载量

工作原理

每个 Figma REST 端点都作为一个自描述 MCP 工具公开,并在启动时从 tools/figma/ 自动发现,因此添加端点只需添加一个文件。每次调用前都会验证必需参数。它通过 stdio 运行。

前提条件

需要 Bun ≥ 1.2。它原生支持 Bun,因此请使用 bunx 启动,而不是 npx(不支持 Node)。

Figma API 密钥

在 Figma 中依次前往 Settings > Security > Personal access tokens > Generate new token,创建个人访问令牌。将其作为 FIGMA_API_KEY 提供,最好放在客户端配置的 env 块中(见下文)。

配置客户端

所有客户端使用同一个服务。将 command 指向 bunx;如果客户端无法在 PATH 中找到它,也可以指向其绝对路径(which bunx)。

{
  "mcpServers": {
    "figma": {
      "command": "bunx",
      "args": ["figma-mcp-server"],
      "env": {
        "FIGMA_API_KEY": "your_figma_api_key_here"
      }
    }
  }
}

配置文件位置:

  • Claude Desktop:Settings > Developer > Edit Config(claude_desktop_config.json)
  • Cursor:~/.cursor/mcp.json,或项目级的 .cursor/mcp.json
  • Gemini CLI:~/.gemini/settings.json

编辑配置后,重启客户端。

VS Code

使用工作区中的 .vscode/mcp.json 或用户级 mcp.json,并添加 servers 键。不要将令牌硬编码,而是定义一个输入项,让 VS Code 安全地提示输入:

{
  "inputs": [
    {
      "type": "promptString",
      "id": "figma-api-key",
      "description": "Figma API Key",
      "password": true
    }
  ],
  "servers": {
    "figma": {
      "command": "bunx",
      "args": ["figma-mcp-server"],
      "env": {
        "FIGMA_API_KEY": "${input:figma-api-key}"
      }
    }
  }
}
  • 使用 ${input:figma-api-key} 时,VS Code 会在服务首次启动时提示输入密钥,然后将其存储在操作系统的机密存储中。
  • 若要重新输入或清除:打开命令面板 → MCP: List Servers → 选择服务 → 重置/编辑其输入项。

工具覆盖范围

完整覆盖 Figma REST API(非弃用端点),共 50 个工具,涵盖:

  • 文件和节点(文件、节点树、图像渲染、图像填充、元数据、版本历史记录)
  • 变量/设计令牌(读取、已发布、批量修改)
  • 组件、组件集和样式(文件、已发布和团队范围)
  • 评论和回应
  • 文件夹(顶层文件夹、子文件夹、文件、元数据)
  • 用户
  • Dev 资源
  • Webhook(v2)
  • 库分析(组件、样式和变量的操作与使用情况)
  • 组织:活动日志、开发者日志、AI 使用情况(Enterprise)
  • 嵌入和付款

请查看 MCP 客户端的工具列表,获取完整且始终最新的工具名称和参数列表。

计划要求

大多数工具可使用任何计划的个人访问令牌。以下工具需要更高级别的计划:

  • 变量(list_file_variables、get_published_variables、modify_variables):Enterprise 组织。
  • 库分析(get_library_*):Organization 或 Enterprise 计划。
  • 活动日志、开发者日志、AI 使用情况:Enterprise 组织,并需使用管理员或计划访问令牌。

MIT 许可证 · 作者 @planetabhi ⋛⋋( ⊙◊⊙)⋌⋚

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。