Skip to main content
Glama
Sign In
enesjakozh

mcp-figma

by smithery-ai
npmGitHub
34
1
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Tools

View all tools

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

  1. 特征
    1. 安装
      1. NPM 安装
    2. 与 Claude 一起使用
      1. 可用工具
        1. 执照

          Related Resources

          Related MCP Servers

          • Figma MCP Server

            MatthewDailey
            A
            security
            F
            license
            A
            quality
            Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
            Last updated -
            5
            997
            173
            TypeScript
            • Apple

          • Kintone MCP Server

            r3-yamauchi
            A
            security
            A
            license
            A
            quality
            A Model Context Protocol server that enables Claude and other AI assistants to access and update Kintone data through natural language commands, supporting operations like record management, file handling, app administration, and space collaboration.
            Last updated -
            25
            6
            JavaScript
            MIT License
            • Apple

          • Figma MCP Server

            deepsuthar496
            -
            security
            F
            license
            -
            quality
            A Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.
            Last updated -
            997
            JavaScript

          • Figma MCP Server

            1yhy
            -
            security
            A
            license
            -
            quality
            A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
            Last updated -
            124
            6
            TypeScript
            MIT License
            • Linux
            • Apple

          View all related MCP servers

          Appeared in Searches

          New MCP Servers

          MCP directory API

          We provide all the information about MCP servers via our MCP API.

          curl -X GET 'https://glama.ai/api/mcp/v1/servers/smithery-ai/mcp-figma'

          If you have feedback or need assistance with the MCP directory API, please join our Discord server