MCP.so
Sign In

Figma MCP Server

@planetabhi

Repository

About Figma MCP Server

A simple MCP server for Figma

#mcp#figma#claude#mcp-server

Basic information

Category

Media & Design

License

View license

Runtime

node

Transports

stdio

Publisher

planetabhi

Config

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

{
  "mcpServers": {
    "figma-mcp-server-planetabhi": {
      "command": "docker",
      "args": [
        "build",
        "-t",
        "figma-mcp-server",
        "."
      ]
    }
  }
}

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?

A simple MCP (Model Context Protocol) server that connects AI assistants to Figma. It allows retrieving design node data from Figma files via the Figma API. Designed for developers and designers using Claude Desktop, Postman, or any MCP‑compatible client.

How to use Figma MCP Server?

Clone the repository, install dependencies with pnpm i, and set a FIGMA_API_KEY environment variable in a .env file. Run the server with Node.js (e.g., node mcpServer.js) or via Docker. Connect using Claude Desktop’s MCP configuration or Postman’s STDIO MCP request.

Key features of Figma MCP Server

  • Retrieves Figma design node data via the get_file_nodes tool.
  • Supports STDIO, SSE (--sse flag), and Docker deployment.
  • Works with Claude Desktop, Postman, and other MCP clients.
  • Lists all available tools with pnpm list-tools.
  • Requires a Figma personal access token for authentication.

Use cases of Figma MCP Server

  • Fetch design specifications by pasting a Figma node link into Claude Desktop.
  • Integrate Figma design data into AI‑assisted development workflows.
  • Automate design asset extraction using MCP‑compatible tools.
  • Explore Figma file structure and node properties programmatically.

FAQ from Figma MCP Server

What is Figma MCP Server?

It is an MCP server that enables AI agents to interact with Figma files by exposing tools such as get_file_nodes, which returns design node data.

How do I get a Figma API key?

Log into your Figma account, go to Settings → Security → Personal access tokens, click “Generate new token”, set expiration and scopes, then copy the token into the .env file as FIGMA_API_KEY.

What runtime does Figma MCP Server need?

It requires Node.js (installed locally) and the pnpm package manager. Docker is an alternative deployment option.

What transport protocols does it support?

It supports STDIO by default and Server‑Sent Events (SSE) when run with the --sse flag. Docker deployments also use STDIO.

Can I use Figma MCP Server without Claude Desktop?

Yes, it works with any MCP‑compatible client, including Postman (via STDIO connection) and potentially other tools that implement the MCP protocol.

Comments

More Media & Design MCP servers

YouTube Transcript Server

kimtaeyoon83

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

572

Figma MCP Server

TimHolden

Model Context Protocol server implementation for Figma API

148

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.

56

Spotify MCP Server

marcelmarais

Lightweight MCP server for Spotify

384

YouTube MCP Server

anaisbetts

A Model-Context Protocol Server for YouTube

532