Figma MCP 服务器

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

特征

• 通过提供 URL 将 Figma 文件添加到与 Claude 的聊天中

• 阅读并发布 Figma 文件的评论

Related MCP server: mcp-figma

与 Claude 一起设置

1. 从claude.ai/download下载并安装 Claude 桌面应用程序

2. 获取 Figma API 密钥（figma.com -> 点击左上角您的姓名 -> 设置 -> 安全）。授予File content和Comments范围。

3. 配置 Claude 使用 Figma MCP 服务器。如果这是您的第一个 MCP 服务器，请在终端中运行以下命令。

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

3. 重新启动 Claude Desktop。

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

示例用法

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

更实际的用法演示

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

开发设置

与 Inspector 一起运行

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

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

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

本地开发

1. 克隆存储库

2. 安装依赖项：

3. 构建项目：

4. 对于自动重建的开发：

可用工具

该服务器提供以下工具：

• add_figma_file ：通过提供其 URL 将 Figma 文件添加到您的上下文中

• view_node ：获取 Figma 文件中特定节点的缩略图

• read_comments ：获取 Figma 文件上的所有评论

• post_comment ：在 Figma 文件中的节点上发表评论

• reply_to_comment ：回复 Figma 文件中的现有评论

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