Figma连接器
一个模型上下文协议服务器,提供对Figma API功能的访问,允许像Claude这样的AI助手与Figma文件、评论、组件和团队资源进行交互。
可用工具 (18 个)
该服务在 MCP 协议中暴露的工具,AI 可按需调用
set_api_key 1 个参数 需填 1 项
Set your Figma API personal access token (will be saved to ~/.mcp-figma/config.json)
必填参数:api_key
check_api_key
Check if a Figma API key is already configured
该工具无需必填参数,直接调用即可
get_file 4 个参数 需填 1 项
Get a Figma file by key
必填参数:fileKey
get_file_nodes 4 个参数 需填 2 项
Get specific nodes from a Figma file
必填参数:fileKey、node_ids
get_image 7 个参数 需填 2 项
Get images for nodes in a Figma file
必填参数:fileKey、ids
get_image_fills 1 个参数 需填 1 项
Get URLs for images used in a Figma file
必填参数:fileKey
get_comments 1 个参数 需填 1 项
Get comments on a Figma file
必填参数:fileKey
post_comment 4 个参数 需填 2 项
Post a comment on a Figma file
必填参数:fileKey、message
delete_comment 2 个参数 需填 2 项
Delete a comment from a Figma file
必填参数:fileKey、comment_id
get_team_projects 3 个参数 需填 1 项
Get projects for a team
必填参数:team_id
get_project_files 4 个参数 需填 1 项
Get files for a project
必填参数:project_id
get_team_components 3 个参数 需填 1 项
Get components for a team
必填参数:team_id
get_file_components 1 个参数 需填 1 项
Get components from a file
必填参数:fileKey
get_component 1 个参数 需填 1 项
Get a component by key
必填参数:key
get_team_component_sets 3 个参数 需填 1 项
Get component sets for a team
必填参数:team_id
get_team_styles 3 个参数 需填 1 项
Get styles for a team
必填参数:team_id
get_file_styles 1 个参数 需填 1 项
Get styles from a file
必填参数:fileKey
get_style 1 个参数 需填 1 项
Get a style by key
必填参数:key
服务介绍
mcp-figma
一个用于 Figma API 集成的 Model Context Protocol (MCP) 服务器,设计用于与 Claude 和其他 MCP 兼容的 AI 助手一起使用。
特性
此 MCP 服务器提供了访问 Figma API 功能的能力:
- 文件操作(获取文件、获取节点、获取图片)
- 评论管理
- 团队/项目管理
- 组件和样式访问
- 持久化 API 密钥存储
安装
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 一起使用
- 将 mcp-figma 添加到您的 Claude 配置中:
"mcp-figma": {
"command": "npx",
"args": [
"-y",
"mcp-figma"
]
}
- 当您第一次使用 Claude 时,需要设置您的 Figma API 密钥:
Please use mcp-figma to set my Figma API key: figd_xxxxxxxxxxxxxxxxxxxxxxx
您的 API 密钥将被存储在 ~/.mcp-figma/config.json 中,并将在未来的会话中自动加载。
- 您可以验证您的 API 密钥是否已配置:
Please use mcp-figma to check my API key status
- 然后使用任何可用的 Figma API 函数:
Please use mcp-figma to get the file with key abc123
可用工具
该服务器提供以下工具:
set_api_key: 设置您的 Figma API 个人访问令牌(保存到配置)check_api_key: 检查是否已配置 API 密钥get_file: 通过密钥获取 Figma 文件get_file_nodes: 从 Figma 文件中获取特定节点get_image: 获取 Figma 文件中节点的图片get_image_fills: 获取 Figma 文件中使用的图片 URLget_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