Figma MCP Server vs Figma Flutter MCP
A side-by-side look at the Figma MCP Server and Figma Flutter MCP MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.
Verdict: choose Figma MCP Server for architecture & design work over a hosted endpoint; choose Figma Flutter MCP for architecture & design as a local process. You can also run both side by side in one mcpServers block.
Which MCP server should you choose?
Choose Figma MCP Server when
- You need dedicated capabilities in the Architecture & Design domain.
- You prefer a remote HTTP/SSE transport.
- You have the keys it needs:
FIGMA_ACCESS_TOKEN.
Choose Figma Flutter MCP when
- You need dedicated capabilities in the Architecture & Design domain.
- You prefer a local stdio subprocess transport.
- Its auth model fits you: API key required.
- You have the keys it needs:
FIGMA_API_KEY. - You want tools like
export_flutter_assets, export_svg_flutter_assets, analyze_figma_component.
Feature & specification comparison
Rows where the two servers differ are marked.
| Spec | ||
|---|---|---|
| Category | Architecture & Design | Architecture & Design |
| Quality signal | 36/100 · Fair | 64/100 · Good |
| Install command | Confirmed | Confirmed |
| Transport | Remote HTTP/SSE | Local subprocess (stdio) |
| Auth | Not declared | API key required |
| Pricing | Not declared | Free |
| Required env vars | FIGMA_ACCESS_TOKEN | FIGMA_API_KEY |
| Verified owner | Community listing | Community listing |
| GitHub stars | 1 | 241 |
| Directory activity | 2 views 0 installs 0 upvotes | 5 views 0 installs 0 upvotes |
| Tools | Not listed | 13 |
| Full listing | View Figma MCP Server | View Figma Flutter MCP |
Tools & capabilities
Figma MCP Server tools
No tool names declared yet. Check the project README from the listing page.
Figma Flutter MCP tools 13
export_flutter_assetsExport images from Figma nodes and set up Flutter assets directory with pubspec.yamlexport_svg_flutter_assetsExport SVG assets from Figma nodes. Detects SVG content by analyzing vector percentage - nodes with >30% vector content are considered SVG assets. Handles nested GROUP/FRAME structures with mixed content.analyze_figma_componentAnalyze a Figma component or component set to extract layout, styling, and structure information for Flutter widget creation. Use analyze_full_screen for complete screen layouts.list_component_variantsList all variants in a Figma component set to help with variant selectioninspect_component_structureGet a quick overview of component structure, children, and nested components. Use inspect_screen_structure for full screens.generate_flutter_implementationGenerate complete Flutter widget code using cached style definitionsstyle_library_statusGet comprehensive status report of the cached style libraryanalyze_full_screenAnalyze a complete Figma screen/frame to extract layout, sections, navigation, and structure information for Flutter screen implementationinspect_screen_structureGet a quick overview of screen structure, sections, and navigation elementsextract_theme_colorsExtract colors from a Figma theme frame containing color swatches with labelsinspect_theme_frameInspect the structure of a theme frame to understand its contents before extractionextract_theme_typographyExtract typography styles from a Figma theme frame containing text samples with different styles- +1 more on the listing page
Ready-to-paste client configs
Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.
Figma MCP Server
{
"mcpServers": {
"figma-mcp-server-2": {
"url": "https://api.figma.com/v1/oauth/token"
}
}
}
Figma Flutter MCP
{
"mcpServers": {
"mhmzdev-figma-flutter-mcp": {
"command": "npx",
"args": [
"-y",
"figma-flutter-mcp"
],
"env": {
"FIGMA_API_KEY": "YOUR_FIGMA_API_KEY_HERE"
}
}
}
}
Frequently asked questions
Figma MCP Server is categorized under Architecture & Design and uses a remote HTTP/SSE transport. Figma Flutter MCP belongs to Architecture & Design and uses a local stdio subprocess. Pick Figma MCP Server for architecture & design work and Figma Flutter MCP for architecture & design.
Copy the mcpServers block from the config section on this page into your client's config (for example claude_desktop_config.json or ~/.cursor/mcp.json), then fully restart the client.
Figma MCP Server has no declared pricing — check the project's own site. Figma Flutter MCP is listed as free. Auth: api key required. If a server needs environment variables such as API keys, define them under the env key in your client's MCP config.
Yes. MCP clients support multiple servers: add figma-mcp-server-2 and mhmzdev-figma-flutter-mcp as separate keys in the same mcpServers object, and your assistant will call tools from either one.
On AllMCPs, Figma MCP Server has a quality signal of 36/100 (Fair) with 2 views, 0 installs and 1 GitHub stars. Figma Flutter MCP has 64/100 (Good) with 5 views, 0 installs and 241 GitHub stars.