MCP.so
Sign In
F

Figma MCP

@1yhy

Repository

About Figma MCP

No overview available yet

#figma#design-integration#ai-tools

Config

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

{
  "mcpServers": {
    "Figma MCP": {
      "command": "npx",
      "args": [
        "figma-mcp",
        "--figma-api-key=<your-figma-api-key>",
        "--stdio"
      ]
    }
  }
}

Tools

5

Add a Figma file to your context

Get a thumbnail for a specific node in a Figma file

Get all comments on a Figma file

Post a comment on a node in a Figma file

Reply to an existing comment in a Figma file

Overview

What is Figma MCP?

Figma MCP is a server based on the Model Context Protocol (MCP) that integrates Figma design files with AI coding tools such as Cursor, Windsurf, and Cline. It converts Figma design data into a format easily understood by AI models, enabling more accurate code generation directly from designs.

How to use Figma MCP?

Install via npm install -g @yhy2001/figma-mcp-server or from a local .tgz package. Start with figma-mcp --figma-api-key=<your-figma-api-key>. Optionally set a custom --port (default 3333) or use --stdio for command mode. In your AI tool’s MCP configuration, add the server URL (http://localhost:3333/sse) or the npx command with --stdio.

Key features of Figma MCP

  • Converts Figma design data into AI-optimized formats.
  • Retrieves layout and style info from files, frames, or components.
  • Downloads images and icons from Figma files.
  • Reduces context size for faster, more accurate AI responses.

Use cases of Figma MCP

  • AI coding assistants generating UI code directly from Figma designs.
  • Design-to-development handoff without manual pixel inspection.
  • Automating component styling extraction for consistent frontend implementation.

FAQ from Figma MCP

What do I need before using the server?

A Figma personal access token (see Figma help on managing tokens) and Node.js installed. You’ll also need a compatible AI tool (Cursor, Windsurf, Cline, or any MCP client).

How do I get a Figma API token?

Follow the official Figma guide: Manage personal access tokens.

Can I run the server without internet access?

No, the server requires internet access to connect to the Figma API and fetch design file data. All design data is retrieved live from Figma.

What transports are supported?

HTTP/SSE (port 3333 by default) and stdio mode (--stdio). Use stdio for tools that launch the server as a subprocess, and SSE for tools that connect to a running server URL.

Is Figma MCP free and open source?

Yes, it is based on the open-source project Figma-Context-MCP and freely available. You only need your own Figma API token (free tier is sufficient for testing).

Frequently asked questions

What do I need before using the server?

A Figma personal access token (see Figma help on managing tokens) and Node.js installed. You’ll also need a compatible AI tool (Cursor, Windsurf, Cline, or any MCP client).

How do I get a Figma API token?

Follow the official Figma guide: [Manage personal access tokens](https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens).

Can I run the server without internet access?

No, the server requires internet access to connect to the Figma API and fetch design file data. All design data is retrieved live from Figma.

What transports are supported?

HTTP/SSE (port 3333 by default) and stdio mode (`--stdio`). Use stdio for tools that launch the server as a subprocess, and SSE for tools that connect to a running server URL.

Is Figma MCP free and open source?

Yes, it is based on the open-source project Figma-Context-MCP and freely available. You only need your own Figma API token (free tier is sufficient for testing).

Comments

Basic information

Category

Media & Design

Transports

stdio

Author

1yhy

Submitted by

鸿宇 杨

More Media & Design MCP servers

diggercamp

Tommaso Savorana (ti es)

diggercamp finds independent music by how it sounds. Paste any Bandcamp, YouTube or SoundCloud link and get the closest sonic matches from 4M+ independent tracks — matched by rhythm, timbre, key and energy, not genre tag

SVGator

SVGator

Drive your SVGator account from any AI assistant. Prompt an animation, get an editable project back, and export it as SVG, Lottie, GIF, MP4, and more, then open it in the editor to finish by hand.

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

YouTube MCP Server

ZubeidHendricks

MCP Server for YouTube API, enabling video management, Shorts creation, and advanced analytics

544

Instagram + TikTok Downloader & Transcriber

IYIA

Instagram + TikTok content tools inside your AI: download HD posts/reels/carousels, view Instagram stories anonymously, AI-transcribe videos (100+ languages, SRT/VTT/TXT). Requires a Repost PRO subscription.