MCP.so
Sign In

Figma MCP Server

@MCP-Mirror

Repository

About Figma MCP Server

Mirror of

#figma#mcp-server#api-integration

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

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.

Frequently asked questions

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.

Comments

Basic information

Category

Media & Design

Transports

stdio

Author

MCP-Mirror

More Media & Design MCP servers

Floors.live — Event Floor Plan & Seating Designer

Hakolsound

MCP server for Floors.live — design event floor plans, manage guest lists, and run intelligent seating assignments from Claude, ChatGPT, or Cursor. 32 tools.

YouTube MCP Server

anaisbetts

A Model-Context Protocol Server for YouTube

532

Notch

Notch

Create finished video ads from chat. Give Notch a brief or product URL — it loads your brand context, writes the script, and produces the finished ad: avatar, scenes, voiceover, captions. Built for performance marketers,

uxgen

uxgen

A library of conversion components for e-commerce, built on A/B tested mechanics and handed straight to your coding agent. 65 pieces drawn from mechanics that have been A/B tested in real stores: cart drawer with the ups

AI Manga & Anime Generator - Mangii MCP

AAAIStudio

Public Mangii MCP metadata (ai.mangii/manga). Remote Streamable HTTP at mcp.mangii.ai.