Figma连接器

@smithery-ai/mcp-figma
0 Stars 640 次浏览 smithery-ai 更新于 2026-08-23

一个模型上下文协议服务器,提供对Figma API功能的访问,允许像Claude这样的AI助手与Figma文件、评论、组件和团队资源进行交互。

该服务暂未提供标准配置,请参考 README 手动接入

可用工具 (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 助手一起使用。

npm version

特性

此 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 一起使用

  1. 将 mcp-figma 添加到您的 Claude 配置中:
"mcp-figma": {
  "command": "npx",
  "args": [
    "-y",
    "mcp-figma"
  ]
}
  1. 当您第一次使用 Claude 时,需要设置您的 Figma API 密钥:
Please use mcp-figma to set my Figma API key: figd_xxxxxxxxxxxxxxxxxxxxxxx

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

  1. 您可以验证您的 API 密钥是否已配置:
Please use mcp-figma to check my API key status
  1. 然后使用任何可用的 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 文件中使用的图片 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

相关 MCP 服务