Figma MCP Server

@MCP-Mirror

Repository

Basic information

About Figma MCP Server

Mirror of

#figma #mcp-server #api-integration

Figma MCP Server 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": ""
      }
    }
  }
}

Figma MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

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

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

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.

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

Kinetune

Turn your songs into lyric videos (9:16, 16:9, 1:1) and Spotify Canvas loops. Find a song, browse Looks, get an exact credit quote, and render only after you say yes.

Constants

Constants AI

One workspace of tools for Claude and ChatGPT. Connect apps, generate video, music, and ads, and build new tools on demand. Generate and publish ad creative directly from your assistant.

LinkedIn Ads MCP

AdPlug

LinkedIn Ads MCP server by AdPlug, connecting LinkedIn Ads to Claude, ChatGPT and other MCP-compatible AI assistants. Analyse performance, audiences, creatives and conversions. Generate reports and manage campaigns, budg