Advertise
MCP.so
Sign In

Figma MCP Server Overview

@kiensamson0000

Repository

Basic information

Category

Media & Design

Transports

stdio

Author

kiensamson0000

About Figma MCP Server Overview

UI auto-generated from Figma by Cursor AI on MCP Server.

Figma MCP Server Overview config

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

{
  "mcpServers": {
    "demo-ai-mcp": {
      "command": "npx",
      "args": [
        "figma-developer-mcp",
        "--figma-api-key=<your-figma-api-key>"
      ]
    }
  }
}

Figma MCP Server Overview 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.

Fetch the live tool list by running this server in a temporary sandbox using the button above.

Overview

What is Figma MCP Server?

Figma MCP Server is an implementation of the Model Context Protocol that delivers standardized design context (layout, components, styling) from Figma to large language models. It acts as middleware for designers and developers who want to use AI coding assistants such as Claude, Windsurf, Cursor, and Cline to automate tasks, generate UI components, and maintain consistency between design and code.

How to use Figma MCP Server?

Install and run the server via npx figma-developer-mcp --figma-api-key=<your-figma-api-key> (or clone the repository and use pnpm install + pnpm run dev). Set the FIGMA_API_TOKEN environment variable (and optionally PORT, default 3333). Integrate with AI tools (e.g., Cursor) by adding an SSE MCP server pointing to http://localhost:3333. In Figma, copy a design link and paste it into the AI tool to trigger tasks like generating React code.

Key features of Figma MCP Server

  • MCP‑compliant – works with multiple LLM applications
  • Type‑safe implementation built with TypeScript
  • Custom URI scheme for easy design asset management
  • Robust error handling and input validation
  • Batch operations for processing multiple design elements
  • Available tools: get_file and get_node

Use cases of Figma MCP Server

  • Generate React or other framework code directly from Figma designs
  • Create reusable UI components from selected frames
  • Automate repetitive design‑to‑code translation tasks
  • Reduce manual overhead and maintain consistency across team projects
  • Enable AI assistants to access up‑to‑date Figma layout and styling data

Frequently asked questions

1

What prerequisites are needed to run the server?

You need Node.js 16.0+, npm 7.0+ or pnpm 8.0+, a Figma account (Professional or Enterprise recommended), and a Figma API access token with read permissions.

2

How do I obtain a Figma API token?

In the Figma desktop app, go to Settings → Security, scroll to Personal Access Tokens, generate a new token, copy it immediately (it is shown only once), and store it securely in an environment variable.

3

How do I integrate the server with an AI tool like Cursor?

Ensure the server is running, open Cursor Settings → MCP, click “Add New MCP Server”, choose the SSE option, and enter the server URL (usually `http://localhost:3333`). A green indicator confirms the connection.

4

Which transport does the server use?

The server communicates via SSE (Server‑Sent Events) to provide real‑time design context to AI assistants.

5

What are the two main tools exposed by the server?

`get_file` retrieves detailed information about a Figma file, and `get_node` fetches data about a specific node within a file.

Comments

More Media & Design MCP servers

aicut

aicut

Make AI videos, images, voiceovers and full AI Video Story episodes from Claude, ChatGPT, Cursor or any MCP client, then post them to TikTok, YouTube and Instagram. Veo, Kling, Seedance and more, on your own aicut accoun

QR Planet QR Code MCP Server

qrplanet

QR Planet QR Code MCP Server - Hosted MCP server for QR Planet. Connect AI agents and MCP-compatible clients to create, update, design, route, and analyze dynamic QR Codes using your QR Planet API key.

1

MagicPixel.art

AI pixel art generator MCP for Claude, ChatGPT, and Cursor. Generate pixel art, remix your own assets, and sync them into Unity or Godot. Create pixel art, remix, edit, and iterate on pixel art game assets including char

GOJI

GOJI Agency

A remote MCP server from GOJI, a full-service digital agency in Melbourne, Australia. Nine tools over published material: a 104-term plain-English glossary, a 14-chapter guide to AI visibility, seven long-form guides inc

agent-media

agent-media

Hosted MCP server (OAuth, no API keys) that makes short drama series (micro-dramas, sitcoms, K-drama style, any language) and other short vertical videos from Claude, ChatGPT or Codex, with the same cast every episode.

Advertise