Advertise
MCP.so
Sign In

Figma MCP Server

@MCP-Mirror

Repository

Basic information

Category

Media & Design

Transports

stdio

Author

MCP-Mirror

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

1

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).

2

What transports does the Figma MCP Server support?

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

3

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.

4

What MCP operations are implemented?

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

5

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

TrueClicks

TrueClicks B.V.

TrueClicks is PPC audit and monitoring software for agencies and advertisers managing Google Ads, Microsoft Ads, and Meta Ads at scale. This connector gives read-only access to your TrueClicks data, so you can ask questi

Sleek

Sleek

Design your mobile app UI with AI, then have your coding agent build the real app from it.

Katto

Katto

AI video clipping MCP server for scored, captioned vertical shorts, with 29 documented tools and dubbing in 19 languages. Hosted OAuth connection with a local installation option.

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

EmbedSocial

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

Advertise