Figma MCP Server

Name: Figma MCP Server
Author: MCP-Mirror

@MCP-Mirror

代码仓库

关于 Figma MCP Server

Mirror of

#figma #mcp-server #api-integration

基本信息

分类

媒体与设计

运行时

node

传输方式

stdio

发布者

MCP-Mirror

配置

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

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

工具

未检测到工具

工具是从 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

FAQ from Figma MCP Server

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.

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).

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.

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.

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 服务器

Vibe Design System

mondaycom

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

657

YouTube Transcript Server

kimtaeyoon83

This is an MCP server that allows you to directly download transcripts of YouTube videos.

572

NS Travel Information MCP Server

r-huijts

A Model Context Protocol (MCP) server that provides access to NS (Dutch Railways) travel information through Claude AI. This server enables Claude to fetch real-time train travel information and disruptions using the official Dutch NS API.