Figma MCP Server

@MCP-Mirror

Repository

Basic information

About Figma MCP Server

Mirror of

#figma #mcp #server #typescript #api

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

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.

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 TypeScript server implementing the Model Context Protocol (MCP) for the Figma API, enabling standardized context provision for LLMs. It allows LLM applications to seamlessly integrate with Figma files, components, and variables.

How to use Figma MCP Server?

Install via npm and set the FIGMA_ACCESS_TOKEN environment variable. Start the server with npm run start. It supports both stdio and SSE transports (e.g., figma-mcp-server --transport sse --port 3000). Use an MCP client to connect and call MCP methods like resources/list or resources/read using the custom URI scheme figma:///.

Key features of Figma MCP Server

MCP resource handlers for Figma files, variables, and components
Custom URI scheme (figma:///)
Type-safe implementation using TypeScript and Zod schemas
Request validation and comprehensive error handling
Token validation and Figma API integration
Supports both stdio and SSE transports

Use cases of Figma MCP Server

Browse and read Figma files programmatically via LLM clients
List and retrieve components, variables, and styles from Figma projects
Watch for changes on specific Figma resources
Search across Figma resources with pattern matching
Integrate Figma design data into AI-assisted workflows

Frequently asked questions

How do I configure the Figma MCP Server?

Set the `FIGMA_ACCESS_TOKEN` environment variable with your Figma access token. Optionally set `MCP_SERVER_PORT` (default 3000 for SSE).

What transports does the Figma MCP Server support?

It supports both stdio transport (piped JSON-RPC messages) and SSE transport (over HTTP).

What Figma resources can I access via the server?

Resources are accessed via `figma:///` URIs: files (`figma:///file/{key}`), components, variables, styles, teams, and projects.

What MCP operations are implemented?

The server implements `resources/list`, `resources/read`, `resources/watch`, `resources/search`, and `resources/metadata`.

Are there any known limitations or planned improvements?

The roadmap notes that caching, rate limiting, and additional Figma API endpoints are not yet implemented; these are planned for future releases.

Comments

More Media & Design MCP servers

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.

LinkedIn Ads MCP

AdPlug

LinkedIn Ads MCP server by AdPlug, connecting LinkedIn Ads to Claude, ChatGPT and other MCP-compatible AI assistants. Analyse performance, audiences, creatives and conversions. Generate reports and manage campaigns, budg

PhotoFresco

Let AI agents edit images in a PhotoFresco window you approve: layers, masks, previews and export.

Aura AI

auraai.app

Access 20+ AI video and image models from Google, OpenAI, xAI, ByteDance, and more. Generate and edit videos with Veo 3.1, Sora 2, Seedance, Kling O3, and images with FLUX, Nano Banana, Seedram 4, GPT Image — all in one

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.