#1 Figma Context MCP
GLips
Why it’s hereMost popular in this category on AllMCPs
Provide coding agents direct access to Figma data to help them one-shot design implementation.
Upvotes: 0Installs: 0GitHub stars: 16k
InstallBest MCP Servers for Figma (2026)
The best MCP servers for Figma — give AI coding agents access to frames, components, and design tokens so they can turn designs into code that matches the file.
#3 Figwright
awdr74100Why it’s hereCommunity pick
Bidirectional Figma server over a local WebSocket relay: turn a selection into framework-aware code (reusing your components and tokens), or author frames, text, styles, variables, and whole screens back onto the canvas. 92 tools, any MCP client, no Dev Mode seat or paid tier.
Upvotes: 0Installs: 0GitHub stars: 1.3kInstall#4 Figma Use
dannoteWhy it’s hereCommunity pick
Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools.
Upvotes: 0Installs: 0GitHub stars: 615InstallWhy it’s hereCommunity pick
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
Upvotes: 0Installs: 0GitHub stars: 266InstallWhy it’s hereCommunity pick
Figma MCP server in Rust — plugin bridge, no API token, no rate limits, 73 tools.
Upvotes: 0Installs: 0GitHub stars: 78Install#7 Figma Flutter MCP
mhmzdevWhy it’s hereCommunity pick
Provide coding agents direct access to Figma data to help them write Flutter code for building apps including assets exports, widgets maintenance and full screens implementations.
Upvotes: 0Installs: 0GitHub stars: 242InstallWhy it’s hereCommunity pick
Figma → code MCP: no rate limits, no metered quotas, verification loop. Works on every Figma plan.
Upvotes: 0Installs: 0GitHub stars: 83Install
Which Figma MCP server should you use?
Figma MCP servers fall into two groups: read-only servers that pull a frame's layout, styles, and variables for design-to-code work, and servers that can also create or edit nodes in a file. For most teams the read-only kind covers the real need — generating components that match the design.
Output quality depends heavily on how the Figma file is built. Auto layout, named layers, and shared components and variables give the agent structure to map onto your codebase; a flat file of absolutely positioned rectangles produces brittle markup no matter which server you use.
Use a personal access token scoped to the files the agent needs, and prefer read scopes unless you have a specific reason to let an agent modify designs.
Frequently asked questions about Figma MCP servers
What is the best Figma MCP server?
It depends on whether you need read-only design context or write access. This page ranks Figma MCP servers by real usage across the AllMCPs directory, so start with the most installed option that matches your use case.
Can an AI agent turn a Figma design into code with MCP?
Yes. A Figma MCP server passes the selected frame's layout, styles, and variables to the agent, which then writes components in your framework. Results are best when the file uses auto layout and shared components.
Do Figma MCP servers need an API token?
Most do. You create a Figma personal access token and pass it to the server through an environment variable. Scope it to read access unless the server needs to edit files.