mcpField
F
Figma

Figma

远程服务
pipeworx.io媒体与设计03 天前更新

关于 Figma

Figma MCP 服务可检查已连接的 Figma 设计与反馈,提供精简的文件、节点信息和渲染预览,并支持本地 stdio 或 Pipeworx 网关连接。

主要功能

  1. 01识别已连接的 Figma 用户
  2. 02概览文件结构与元数据
  3. 03列出文件评论与反馈
  4. 04检查指定节点
  5. 05将指定节点渲染为图像

适用场景

  1. 01确认已连接的 Figma 账户用户
  2. 02查看设计文件页面与元数据
  3. 03阅读设计文件中的讨论
  4. 04预览指定画框、组件或图层

MCP 相关

向 MCP 客户端提供 Figma 账户、文件、评论、节点和图像工具。可通过 stdio 本地运行,也可连接 Pipeworx 网关;网关端点还包含共享网关工具。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://gateway.pipeworx.io/figma/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

mcp-figma

Figma MCP 工具包

属于 Pipeworx — 一个将 AI Agent 连接到 1879+ 个实时数据源的 MCP 网关。这是一个独立的非官方集成,与上游提供商无隶属关系、未获其认可,也并非由其发布。

工具

工具描述
get_me获取当前登录的 Figma 用户信息:id、邮箱、用户名和头像图片 URL。用于确认连接的是哪个 Figma 账户。
get_file根据文件 key 获取 Figma 设计文件的精简摘要:名称、上次修改时间、版本、编辑器类型、角色、缩略图 URL,以及顶级页面列表(id、名称、类型、子项数量)。无需获取完整节点树,即可了解 Figma 设计文件的结构。
list_comments列出 Figma 设计文件中的评论。返回每条评论的 id、消息、作者用户名、创建时间和解决时间。用于查看设计反馈和讨论。
get_file_nodes根据节点 id 获取 Figma 设计文件中的指定节点。返回从节点 id 到 { name, type } 的精简映射。用于检查设计文件中的特定画板、组件或图层。
get_file_images渲染 Figma 设计文件中指定节点的图像。返回从节点 id 到渲染图像 URL 的映射。用于获取设计中画板、组件或图层的视觉预览(PNG、SVG 或 JPG)。

快速开始

添加到你的 MCP 客户端(Claude Desktop、Cursor、Windsurf 等):

{
  "mcpServers": {
    "figma": {
      "url": "https://gateway.pipeworx.io/figma/mcp"
    }
  }
}
此端点实际提供的内容

https://gateway.pipeworx.io/figma/mcp 上的 tools/list 会返回上表中的工具,以及 Pipeworx 的共享元工具 — ask_pipeworx、 discover_tools、search_within、remember/recall 和网关范围内的其他工具。因此,你看到的工具数量会多于此表:目前,单个工具包端点除了该工具包自身的工具外,还会列出约 30 个共享工具。连接的 initialize 响应会说明其确切范围,是当天情况的权威依据。

这是有意为之,并非意外的多路复用。元工具让限定范围的连接能够回答此工具包未涵盖的问题 — 通过 ask_pipeworx 在整个目录中进行路由 — 而无需添加第二个 MCP 服务。目前无法在不包含这些工具的情况下挂载工具包端点;如果额外的 schema 带来的上下文开销超过路由的价值,请连接一次完整网关,而不是连接多个工具包端点。

或者连接完整的 Pipeworx 网关,直接列出所有工具包的工具,而不仅仅是此工具包的工具:

{
  "mcpServers": {
    "pipeworx": {
      "url": "https://gateway.pipeworx.io/mcp"
    }
  }
}

两个 URL 都连接到同一个网关和相同的 1879+ 个数据源。唯一的区别是哪些工具包的工具会被直接列出;无论使用哪个 URL,ask_pipeworx 都能访问所有工具。

没有 MCP 客户端?通过 HTTP 调用

此工具包使用已连接的 figma 账户,因此需要 Pipeworx 密钥:在 https://pipeworx.io/account 登录,连接 figma,然后使用 Authorization: Bearer <your Pipeworx key> 调用 POST https://gateway.pipeworx.io/v1/tools/figma_get_me。检查任意工具:GET https://gateway.pipeworx.io/v1/tools/figma_get_me。查找工具:使用 {"query":"..."} 调用 POST https://gateway.pipeworx.io/v1/tools/search_packs。

独立运行(无需网关账户)

此软件包也可以作为本地 stdio MCP 服务运行 — 无需 Pipeworx 账户,也无需经过网关往返:

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "@pipeworx/mcp-figma"]
    }
  }
}

或者直接运行以确认服务启动:

npx -y @pipeworx/mcp-figma

它通过 stdin/stdout 使用 MCP 协议,并为仅限此工具包的工具响应 initialize/tools/list/tools/call — 不包含上述网关连接额外提供的任何共享元工具。相同的源代码,相同的工具,不提供 ask_pipeworx 路由。

使用 ask_pipeworx

你也可以用通俗英语提问,而不是直接调用工具 — 此方式既适用于上面的工具包端点,也适用于完整网关:

ask_pipeworx({ question: "your question about Figma data" })

网关会选择合适的工具并自动填入参数。

More

License

MIT

评论

支持 Markdown

第一次接触 MCP?

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

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