What transport types does Figma MCP Server support?

It supports both stdio transport (for local connections) and SSE transport (for remote connections). The default is `stdio`.

How do I authenticate with the Figma API?

You provide your Figma Personal Access Token via the `FIGMA_API_TOKEN` environment variable. Additionally, an `API_KEY` environment variable is required for API authentication.

What credentials does it need?

It reads `FIGMA_API_TOKEN`, `TRANSPORT_TYPE`, `API_KEY` from the environment. Store these in your client's env block or a secrets manager — never commit them to a repository — and grant the narrowest scope that still covers your use case.

SSyncDev

Start a project

Figma MCP Server

# Figma MCP Server A Model Context Protocol (MCP) server that connects to Figma's API, allowing AI tools and LLMs to access and work with your Figma

Local serverstdio

What is the Figma MCP Server?

Figma MCP Server A Model Context Protocol (MCP) server that connects to Figma's API, allowing AI tools and LLMs to access and work with your Figma designs.

What it actually does

Design Data Extraction — Extract components, styles, and text from your Figma designs
Design System Analysis — Analyze design system consistency and patterns
UI Content Management — Extract and organize all UI copy from designs
Development Handoff — Generate comprehensive documentation for developers
Seamless AI Integration — Connect your designs to AI tools like Claude, Cursor, and other MCP-compatible clients

Configuration

Node.js 16 or higher - Figma Personal Access Token (Get it from your Figma account settings)

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

Tool	What it does
get-file-info	Get basic information about a Figma file
get-nodes	Get specific nodes from a Figma file
get-components	Get component information from a Figma file
get-styles	Get style information from a Figma file
get-comments	Get comments from a Figma file
search-file	Search for elements in a Figma file by type, name, etc.
extract-text	Extract all text elements from a Figma file

How to install the Figma MCP Server

{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": [
        "/absolute/path/to/figma-mcp-server/build/index.js"
      ],
      "env": {
        "FIGMA_API_TOKEN": "YOUR_FIGMA_API_TOKEN",
        "TRANSPORT_TYPE": "stdio"
      }
    }
  }
}

From the project documentation. Replace placeholders and example paths before connecting.

Configuration

Node.js 16 or higher - Figma Personal Access Token (Get it from your Figma account settings)

Variable	Description	Required
FIGMA_API_TOKEN	Declared in the maintainer’s client configuration.	Yes
TRANSPORT_TYPE	Declared in the maintainer’s client configuration.	Check documentation