mcp-figma

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Integrations

  • Provides comprehensive access to Figma's API, enabling file operations, comments management, team/project management, component and style access, and image extraction from Figma designs.

mcp-figma

用于 Figma API 集成的模型上下文协议 (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 一起使用

  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 :通过 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

执照

麻省理工学院

You must be authenticated.

A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

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

  1. Features
    1. Installation
      1. NPM Installation
    2. Usage with Claude
      1. Available Tools
        1. License
          ID: z3gvv0394m