广告合作
MCP.so
登录

Figma MCP Server

@MCP-Mirror

代码仓库

基本信息

分类

媒体与设计

传输方式

stdio

作者

MCP-Mirror

关于 Figma MCP Server

Mirror of

#figma#mcp-server#api-integration

Figma MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": [
        "path/to/figma-server/build/index.js"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": ""
      }
    }
  }
}

Figma MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Figma MCP Server?

The Figma MCP Server is a Model Context Protocol (MCP) server that integrates with Figma’s API, enabling users to interact programmatically with Figma files, comments, components, projects, styles, and webhooks. It is built for developers and designers who want to automate design workflows or connect Figma data to AI‑driven tools.

How to use Figma MCP Server?

Clone the repository, install dependencies (npm install), and build the server (npm run build). Configure the server in your MCP settings file by providing a Figma access token via the FIGMA_ACCESS_TOKEN environment variable. Use the available tools (e.g., get_file, post_comment) by calling them through your MCP client with the required arguments.

Key features of Figma MCP Server

  • Retrieve Figma file information and version history
  • List, add, and delete comments on files
  • Get components and published styles from a team
  • Manage webhooks: create, list, and delete
  • List team projects and their files

Use cases of Figma MCP Server

  • Fetching the latest design file data for automated documentation
  • Adding or moderating comments on Figma files programmatically
  • Keeping external tools in sync via webhook event notifications
  • Extracting component library information for design‑system management
  • Retrieving project file lists for reporting or integration

常见问题

1

How do I install and configure the Figma MCP Server?

Clone the repo, run `npm install` and `npm run build`. Then add a configuration entry to your MCP settings with `command: "node"`, `args` pointing to the built `index.js`, and the environment variable `FIGMA_ACCESS_TOKEN` set to your Figma personal access token.

2

What operations does the server support?

It supports file operations (`get_file`, `get_file_versions`, `get_file_components`), comment management (`get_file_comments`, `post_comment`, `delete_comment`), project/team tools (`get_team_projects`, `get_project_files`, `get_component_styles`), and webhook management (`create_webhook`, `get_webhooks`, `delete_webhook`).

3

What authentication is required?

You must provide a Figma access token in the `FIGMA_ACCESS_TOKEN` environment variable. The server uses this token to authenticate against the Figma API.

4

Can I delete comments or webhooks through this server?

Yes. The server provides `delete_comment` (requires `file_key` and `comment_id`) and `delete_webhook` (requires `webhook_id`) tools.

5

How do I use a tool like `get_file`?

In your MCP client, specify the server name (`figma`), the tool name (`get_file`), and provide the argument `{"file_key": "your-file-key"}`. The server will return the file’s information from Figma.

评论

媒体与设计 分类下的更多 MCP 服务器

F

FrontRowTickets.com MCP Server

Live FrontRowTickets.com ticket inventory for AI agents: search, availability, pricing, deals.

TokElements

TokElements

Build TikTok LIVE overlay widgets from Claude or ChatGPT. Describe a widget and the assistant writes it, previews it with sample events and places it on your TikTok LIVE Studio or OBS overlay.

North Noir

North Noir

Make AI-drawn video from chat. Claude, Cursor or Claude Code plans the film, the model draws every frame in code at 30 fps, and you edit it on a timeline with narration, music and sound effects.

JSON2Video

JSON2Video

Official JSON2Video MCP server. Video API for automated video production at scale: render videos from templates with AI voiceovers, subtitles and AI images. Remote server with OAuth (https://mcp.json2video.com/mcp) or lo

Uwear.ai

Uwear.ai

Run complete AI fashion photoshoots from ChatGPT, Claude, or Codex. Turn flat-lay, packshot, and mannequin product images into catalog-ready on-model photos and video with saved art direction, automatic QA, and catalog-s

广告合作