Figma MCP Server

@MCP-Mirror

Repository

Basic information

About Figma MCP Server

Mirror of

#figma #mcp-server#design-integration

Figma MCP Server config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

Figma MCP Server tools

Get basic information about a Figma file

Get specific nodes from a Figma file

Get component information from a Figma file

Get style information from a Figma file

Get comments from a Figma file

Search for elements in a Figma file by type, name, etc.

Extract all text elements from a Figma file

Overview

What is Figma MCP Server?

A Model Context Protocol (MCP) server that connects to Figma’s API, enabling AI tools and LLMs to access and work with your Figma designs. It is designed for designers and developers who want to integrate design data with AI assistants.

How to use Figma MCP Server?

Ensure Node.js 16+ and a Figma Personal Access Token. Clone the repository, install dependencies, create a .env file with FIGMA_API_TOKEN, API_KEY, and TRANSPORT_TYPE (default stdio). Build the server with npm run build and start with npm start. Then configure an MCP client such as Claude for Desktop or Cursor using the provided JSON configuration snippets.

Key features of Figma MCP Server

Extract components, styles, and text from Figma designs
Analyze design system consistency and patterns
Extract and organize all UI copy from designs
Generate comprehensive development handoff documentation
Seamless integration with AI tools like Claude and Cursor

Use cases of Figma MCP Server

Analyze a design system for consistency in colors and typography
Extract all UI text copy from a Figma file for content management
Generate development handoff documentation for developers
Get file information, components, styles, or comments from a Figma file
Search for specific elements within a Figma file by type or name

Frequently asked questions

What runtime does Figma MCP Server require?

Node.js 16 or higher.

What transport types are supported?

The server supports `stdio` for local connections and `sse` for remote connections. The default transport is `stdio`.

How do I obtain a Figma Personal Access Token?

You can generate a Personal Access Token in your Figma account settings under the “Personal Access Tokens” section.

What environment variables are required?

`FIGMA_API_TOKEN` and `API_KEY` are required. `TRANSPORT_TYPE` defaults to `stdio`, and `PORT` (used for SSE transport) defaults to 3000

Comments

More Media & Design MCP servers

GPT Image 2.5 MCP

you.bot

Generate and edit images with GPT Image 2.5 for $0.029 each. A free you.bot key (not an OpenAI key) comes with 50 credits — about 17 images — and needs no credit card.

EmbedSocial

Connect Claude, ChatGPT, and other AI assistants to your social media content, reviews, and UGC aggregated via EmbedSocial.

Your Move Exercise Video API

Your Move

Exercise videos, workouts and training programs for AI agents and apps: 1,413+ exercises with professional HD video, instructions and muscle data, plus workout and program generation and nutrition tools. Hosted MCP, no i

uxgen

A library of conversion components for e-commerce, built on A/B tested mechanics and handed straight to your coding agent. 65 pieces drawn from mechanics that have been A/B tested in real stores: cart drawer with the ups

SnapDub

Turn long videos into captioned vertical clips for TikTok, Reels and Shorts from Claude, ChatGPT, Cursor or any MCP client. Paste a YouTube, Twitch, Kick, Rumble or Zoom link and get clips with titles, virality scores, d