Figma MCP Server

@moonray

Repository

Basic information

About Figma MCP Server

An mcp server that efificiently generates a node tree and related metadata for a figma node.

#mcp-figma#figma#node-tree

Figma MCP Server config

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

{
  "mcpServers": {
    "mcp-figma-moonray": {
      "command": "node",
      "args": [
        "client-example.js",
        "https://www.figma.com/file/FILE_ID/PROJECT_NAME?node-id=NODE_ID",
        "2"
      ]
    }
  }
}

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?

An MCP (Model Context Protocol) server for analyzing Figma file structures. It extracts node hierarchies from Figma files and can be used both as a REST API server and as an MCP server for LLM integration. It is intended for developers working with Figma design files and AI‑assisted workflows.

How to use Figma MCP Server?

Install the package globally via npm (npm install -g figma-mcp-server) or build from source. Configure your Figma API key in a .env file (variable FIGMA_API_KEY). Start the REST API with npm start or run the MCP CLI with figma-mcp-server --cli. Send analysis requests to the POST /analyze endpoint with a Figma URL and optional depth parameter.

Key features of Figma MCP Server

Analyze Figma files to extract node hierarchies
Supports both REST API and MCP protocol
Configurable node tree depth
Simple configuration via .env file
Docker support for containerized deployment

Use cases of Figma MCP Server

Automating extraction of Figma component trees for design documentation
Enabling an LLM to query and reason about Figma file structure
Building design review tools that inspect node hierarchies
Integrating Figma analysis into CI/CD pipelines for design‑system checks

Frequently asked questions

What prerequisites are needed to run the server?

Node.js 16+ and npm or yarn are required. You also need a valid Figma API key.

How do I obtain a Figma API key?

You can generate an API key from your Figma account settings at https://www.figma.com/developers/api#access-tokens.

Can the server be used as a standalone REST API?

Yes. Run `npm start` to start an Express server on port 3000 (or a custom port set in `.env`). Use the `POST /analyze` endpoint to analyze files.

What does the `depth` parameter do in an analysis request?

It controls how many levels of the node tree are returned. If omitted, the server uses a default depth.

Is Docker deployment supported?

Yes. A Dockerfile is provided. Build the image with `docker build -t figma-mcp-server .` and run it with `docker run -p 3000:3000 --env-file .env figma-mcp-server`.

Comments

More Media & Design MCP servers

Blaze

Plan, create and schedule social media content from your AI assistant. Blaze makes on-brand posts, carousels and short videos, writes blog posts and newsletters, and schedules them to Instagram, TikTok, YouTube, LinkedIn

Riddle Quiz Maker

Riddle.com

Creates and manages quizzes, polls, surveys, personality tests, forms, predictors, minigames and leaderboards on Riddle.com – with branching logic, custom design, live stats and embed code.

Veltake Studio

Veltake AI

Drive Veltake Studio from any AI agent: create film and ad projects, have the Studio agent build scenes on the canvas, price and start renders, export edited cuts, and make single images, video, speech and music in one c

FrontRowTickets.com MCP Server

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

ProfessionalHeadshot.io

Official LinkedIn, Slack and GitHub profile photo specs with sources, headshot style guides by use and industry, and a free 0-100 headshot audit. No API key needed.