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.

security – no known vulnerabilities

license - not found

quality - confirmed to work

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Tools

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

Related Resources

Reddit Discussion about this server

Related MCP Servers

figma-mcp
JayZeeDesign
A
security
A
license
A
quality
Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993 1. Access all figma pages 2. Access all figma components 3. Access figma prototype flows
Last updated -
3
49
Python
MIT License
mcp-figma
smithery-ai
A
security
F
license
A
quality
A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.
Last updated -
18
34
1
Figma MCP Server
1yhy
-
security
A
license
-
quality
A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
Last updated -
124
6
TypeScript
MIT License
Figma MCP Server
xxflux
A
security
F
license
A
quality
A TypeScript server that implements the Model Context Protocol, enabling AI-powered design creation in Figma using natural language prompts through Cursor Agent.
Last updated -
5
997
2
JavaScript

View all related MCP servers

Figma MCP Server