mcp-figma

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

特性

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

• 文件操作（获取文件、获取节点、获取图像）
• 评论管理
• 团队/项目管理
• 组件和样式访问
• 持久 API 密钥存储

安装

NPM 安装

# 全局安装
npm install -g mcp-figma

# 或者在项目中本地安装
npm install mcp-figma

# 更新到最新版本
npm update -g mcp-figma

与 Claude 一起使用

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

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

2. 首次使用 Claude 时，您需要设置您的 Figma API 密钥：

请使用 mcp-figma 设置我的 Figma API 密钥：figd_xxxxxxxxxxxxxxxxxxxxxxx

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

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

请使用 mcp-figma 检查我的 API 密钥状态

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

请使用 mcp-figma 获取密钥为 abc123 的文件

可用工具

该服务器提供以下工具：

• set_api_key: 设置您的 Figma API 个人访问令牌（保存到配置）
• check_api_key: 检查是否已配置 API 密钥
• get_file: 通过密钥获取 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。

许可证

MIT