In-depth architectural comparison of the Figma Flutter MCP and Figwright MCP servers. Compare execution transports, security boundaries, tool capabilities, quality scores, and ready-to-paste client installation snippets for Claude, Cursor, Windsurf, and VS Code.
At a Glance & Executive Verdict
Figma Flutter MCP
Architecture & Design · Local stdio
Quality: 61/100 (Good) | Auth: API Key required
Figwright
Architecture & Design · Local stdio
Quality: 69/100 (Great) | Auth: No auth required
Verdict Summary: Choose Figma Flutter MCP if you need specialized Architecture & Design tools running via a local process. Choose Figwright if your workspace requires Architecture & Design integration with local subprocess execution. Both servers can be configured concurrently in your client's mcpServers manifest.
Which MCP Server Should You Choose?
Choose Figma Flutter MCP when:
You need dedicated capabilities in the Architecture & Design domain.
You prefer local stdio subprocess transport architecture.
Your security boundary fits: API Key required (Free / Open Source).
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.
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.
Category & Scope
Tools & Capabilities Breakdown
Figma Flutter MCP Tools (13)
export_flutter_assets
Export images from Figma nodes and set up Flutter assets directory with pubspec.yaml
export_svg_flutter_assets
Export 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_component
Analyze 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_variants
List all variants in a Figma component set to help with variant selection
inspect_component_structure
Get a quick overview of component structure, children, and nested components. Use inspect_screen_structure for full screens.
Ready-to-Paste Client Configurations
Paste either (or both) of these JSON server blocks into your client config file (e.g. claude_desktop_config.json or ~/.cursor/mcp.json).
Figma Flutter MCP is categorized under Architecture & Design and uses a local stdio subprocess. In contrast, Figwright belongs to Architecture & Design using local stdio subprocess. Select Figma Flutter MCP when you need capabilities focused on architecture & design and Figwright when you require tools for architecture & design.
Generate complete Flutter widget code using cached style definitions
style_library_status
Get comprehensive status report of the cached style library
analyze_full_screen
Analyze a complete Figma screen/frame to extract layout, sections, navigation, and structure information for Flutter screen implementation
inspect_screen_structure
Get a quick overview of screen structure, sections, and navigation elements
extract_theme_colors
Extract colors from a Figma theme frame containing color swatches with labels
inspect_theme_frame
Inspect the structure of a theme frame to understand its contents before extraction
extract_theme_typography
Extract typography styles from a Figma theme frame containing text samples with different styles
+1 more tools listed on main page
Figwright Tools (3)
Read
selection, document and node inspection, styles, variables, components, fonts, reactions, motion (animation) state, screenshots, original image-fill assets, PDF export, and video export of animated frames (MP4 / GIF / WebM).
Write
create and edit frames, text, shapes, auto-layout, effects, styles, variables, components (including authoring their boolean/text/instance-swap properties), pages, reactions, and Motion animations (keyframes, animation-style presets, timelines); plus a `batch` tool to apply many edits at once.
Grounding
`get_design_context` for faithful, de-duplicated design context, and `component_map` / `token_map` / `icon_map`, which join Figma data to your codebase so codegen reuses what you already have; plus `design_diff`, which reports what changed in a design against a saved baseline so you update only the…