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