In-depth architectural comparison of the Figma Flutter MCP and Brandkit MCP 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
Brandkit MCP
Architecture & Design · Local stdio
Quality: 64/100 (Good) | Auth: No auth required
Verdict Summary: Choose Figma Flutter MCP if you need specialized Architecture & Design tools running via a local process. Choose Brandkit MCP 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.
Expose a company's complete design system (colors, typography, logos, components, guidelines, CSS tokens) to AI tools via MCP. Auto-parses CSS / Markdown / PDF / SVG / fonts; supports marketing vs product contexts with shared overrides; ships 12 tools, 16+ resources under brandkit://, and 4 prompts; stdio + SSE + Streamable HTTP transports. Install via NPM: npx -y brandkit-mcp serve.
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, Brandkit MCP belongs to Architecture & Design using local stdio subprocess. Select Figma Flutter MCP when you need capabilities focused on architecture & design and Brandkit MCP when you require tools for architecture & design.