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).
Figma MCP Server
@MCP-Mirror
Basic information
About Figma MCP Server
Mirror of
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.
RepositoryFigma 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
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.
More Media & Design MCP servers
Notch
NotchCreate finished video ads from chat. Give Notch a brief or product URL — it loads your brand context, writes the script, and produces the finished ad: avatar, scenes, voiceover, captions. Built for performance marketers,
StoryStudio
Richard NdumuRemote MCP server for AI image, video, voice and music generation. Your agent creates and edits images with Nano Banana 2, GPT-Image 2 or FLUX 1.1 Pro, generates video with Veo 3.1 Fast, Seedance 2.5, Kling, MiniMax or W
TravelAnimator
Lascade-CoMCP server and CLI for TravelAnimator — generate animated travel videos, itineraries, and trip media from Claude, Codex, or your terminal
Instagram + TikTok Downloader & Transcriber
IYIAInstagram + 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.
SVGator
SVGatorDrive 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.
Comments