mcp-figma

用于 Figma API 集成的模型上下文协议 (MCP) 服务器，旨在与 Claude 和其他兼容 MCP 的 AI 助手一起使用。

特征

此 MCP 服务器提供对 Figma API 功能的访问：

• 文件操作（获取文件、获取节点、获取图像）

• 评论管理

• 团队/项目管理

• 组件和样式访问

• 持久 API 密钥存储

Related MCP server: Figma MCP Server

安装

NPM 安装

# Install globally
npm install -g mcp-figma

# Or install locally in a project
npm install mcp-figma

# Update to latest version
npm update -g mcp-figma

与 Claude 一起使用

1. 将 mcp-figma 添加到您的 Claude 配置中：

"mcp-figma": {
  "command": "npx",
  "args": [
    "-y",
    "mcp-figma"
  ]
}

2. 使用 Claude 时，第一次使用时需要设置 Figma API 密钥：

Please use mcp-figma to set my Figma API key: figd_xxxxxxxxxxxxxxxxxxxxxxx

您的 API 密钥将存储在~/.mcp-figma/config.json中，并将在未来的会话中自动加载。

3. 您可以验证您的 API 密钥是否已配置：

Please use mcp-figma to check my API key status

4. 然后使用任何可用的 Figma API 函数：

Please use mcp-figma to get the file with key abc123

可用工具

该服务器提供以下工具：

• set_api_key ：设置您的 Figma API 个人访问令牌（保存到配置）

• check_api_key ：检查 API 密钥是否已配置

• get_file ：通过 key 获取 Figma 文件

• get_file_nodes ：从 Figma 文件中获取特定节点

• get_image ：获取 Figma 文件中节点的图像

• get_image_fills ：获取 Figma 文件中使用的图像的 URL

• get_comments ：获取 Figma 文件的评论

• post_comment ：在 Figma 文件上发表评论

• delete_comment ：从 Figma 文件中删除评论

• get_team_projects ：获取团队的项目

• get_project_files ：获取项目文件

• get_team_components ：获取团队的组件

• get_file_components ：从文件中获取组件

• get_component ：通过键获取组件

• get_team_component_sets ：获取团队的组件集

• get_team_styles ：获取团队风格

• get_file_styles ：从文件中获取样式

• get_style ：通过键获取样式

有关详细使用示例，请参阅USAGE.md 。

执照

麻省理工学院