local-only server

The server can only run on the client’s local machine because it depends on local resources.

Integrations

Enables AI assistants to interact with Figma files, providing tools for viewing file content, reading and posting comments, replying to comments, and viewing specific nodes in Figma designs.
Mentioned in a demo link, suggesting integration for sharing visual demonstrations of the MCP server's functionality with Figma files.

Figma MCP 服务器

一个ModelContextProtocol服务器，使 AI 助手能够与 Figma 文件交互。该服务器提供直接通过 ModelContextProtocol 查看、评论和分析 Figma 设计的工具。

特征

通过提供 URL 将 Figma 文件添加到与 Claude 的聊天中
阅读并发布 Figma 文件的评论

与 Claude 一起设置

从claude.ai/download下载并安装 Claude 桌面应用程序
获取 Figma API 密钥（figma.com -> 点击左上角您的姓名 -> 设置 -> 安全）。授予File content和Comments范围。
配置 Claude 使用 Figma MCP 服务器。如果这是您的第一个 MCP 服务器，请在终端中运行以下命令。

echo '{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": ["figma-mcp"],
      "env": {
        "FIGMA_API_KEY": "<YOUR_API_KEY>"
      }
    }
  }
}' > ~/Library/Application\ Support/Claude/claude_desktop_config.json

如果不是，请将figma-mcp块复制到你的claude_desktop_config.json

重新启动 Claude Desktop。
在 Claude 的界面中查找带有可用工具数量的锤子图标，以确认服务器正在运行。

示例用法

使用 claude 桌面开始新的聊天并粘贴以下内容

What's in this figma file?

https://www.figma.com/design/MLkM98c1s4A9o9CMnHEyEC

更实际的用法演示

https://www.loom.com/share/0e759622e05e4ab1819325bcf6128945?sid=bcf6125b-b5de-4098-bf81-baff157e3dc3

开发设置

与 Inspector 一起运行

您可以使用 MCP Inspector 工具进行开发和调试。该工具提供了一个可视化界面，用于测试和监控 MCP 服务器的交互。

访问Inspector 文档以获取详细的设置说明和使用指南。

使用 Inspector 进行本地测试的命令是

npx @modelcontextprotocol/inspector npx figma-mcp

本地开发

克隆存储库
安装依赖项：

npm install

构建项目：

npm run build

对于自动重建的开发：

npm run watch

可用工具

该服务器提供以下工具：

add_figma_file ：通过提供其 URL 将 Figma 文件添加到您的上下文中
view_node ：获取 Figma 文件中特定节点的缩略图
read_comments ：获取 Figma 文件上的所有评论
post_comment ：在 Figma 文件中的节点上发表评论
reply_to_comment ：回复 Figma 文件中的现有评论

每个工具都旨在通过 ModelContextProtocol 接口提供与 Figma 文件交互的特定功能。

You must be authenticated.

A

security – no known vulnerabilities

F

license - not found

A

quality - confirmed to work

Tools

使 AI 助手能够通过 ModelContextProtocol 与 Figma 文件进行交互，从而允许直接在聊天界面中查看、评论和分析 Figma 设计。

Related Resources

Reddit Discussion about this server

Figma MCP Server