Figma MCP Server

@mohammeduvaiz

Repository

Basic information

About Figma MCP Server

No overview available yet

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 Figma designs.

How to use Figma MCP Server?

Install Node.js 16+, clone the repository, install dependencies, set environment variables (FIGMA_API_TOKEN, API_KEY, TRANSPORT_TYPE), build and start the server. Then configure an MCP client like Claude for Desktop or Cursor with the appropriate connection settings (e.g., stdio or SSE URL and environment variables).

Key features of Figma MCP Server

Design data extraction (components, styles, text)
Design system consistency analysis
UI copy extraction and organization
Development handoff documentation generation
Seamless integration with AI tools (e.g., Claude, Cursor)

Use cases of Figma MCP Server

Analyze design system consistency in a Figma file
Extract all text (UI copy) from a Figma design
Generate development handoff docs from designs
Search for specific elements in a Figma file by type or name
Retrieve comments, components, styles, or node information

Frequently asked questions

What are the prerequisites for using Figma MCP Server?

Node.js 16 or higher is required. You also need a Figma Personal Access Token from your Figma account settings.

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 tools does Figma MCP Server provide?

Tools include `get-file-info`, `get-nodes`, `get-components`, `get-styles`, `get-comments`, `search-file`, and `extract-text`.

Can I use Figma MCP Server with Cursor?

Yes. Configure it in Cursor’s MCP settings (global `mcp.json` or project-specific `.cursor/mcp.json`) with the SSE URL and your `API_KEY`.

Comments

More Media & Design MCP servers

North Noir

Make AI-drawn video from chat. Claude, Cursor or Claude Code plans the film, the model draws every frame in code at 30 fps, and you edit it on a timeline with narration, music and sound effects.

Ultimaps

ultimaps.com

Turn your data into map images of countries, states, counties and ZIP codes with Ultimaps MCP server. Each map comes with a link to Ultimaps Studio, where you can keep editing it, export it, or publish an interactive ver

Artlist

Generate images, videos, music, and voice-overs directly from your AI agent. The full Artlist AI creative suite as an MCP server — works with Claude, ChatGPT, and VS Code, with more platforms coming soon.

SceneF — California + Hawaii Movie Showtimes

SceneF

Built by movie lovers, for movie lovers and their assistants. SceneF puts every screen in California and Hawaii on one board — 33 regions, from San Francisco's single-screen neighborhood houses and nightly repertory cale

PopNow MCP Server

PopNow

Hosted MCP server for AI image, video, music and voice generation. Lets ChatGPT, Claude, Cursor and any MCP client create with Kling, Seedance, Nano Banana, Suno and more using PopNow credits. OAuth 2.1 sign-in, nothing