In-depth architectural comparison of the Brandkit MCP and Figma Flutter 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
Brandkit MCP
Architecture & Design · Local stdio
Quality: 64/100 (Good) | Auth: No auth required
Figma Flutter MCP
Architecture & Design · Local stdio
Quality: 61/100 (Good) | Auth: API Key required
Verdict Summary: Choose Brandkit MCP if you need specialized Architecture & Design tools running via a local process. Choose Figma Flutter 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 Brandkit MCP when:
You need dedicated capabilities in the Architecture & Design domain.
You prefer local stdio subprocess transport architecture.
Your security boundary fits: No auth required (Free / Open Source).
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.
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.
Category & Scope
Tools & Capabilities Breakdown
Brandkit MCP Tools (18)
get_brand_overview
High-level overview of the brand atomic system: brand name, magic_trick presence, inventory counts, contexts, and the full v2 tool list.
get_magic_trick
Return the human-authored magic_trick.md taste primer verbatim. This file is human-write-only — never write to it via any tool.
get_positioning
Return the brand's positioning document (agent/verbal/positioning.md). Includes a taste primer from magic_trick.md.
get_audience
Return the brand's audience definition parsed from agent/verbal/audience.yaml. Freeform YAML; returned as-is. Includes a taste primer.
get_messaging
Return the brand's messaging document (agent/verbal/messaging.md). Includes a taste primer.
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).
Brandkit MCP is categorized under Architecture & Design and uses a local stdio subprocess. In contrast, Figma Flutter MCP belongs to Architecture & Design using local stdio subprocess. Select Brandkit MCP when you need capabilities focused on architecture & design and Figma Flutter MCP when you require tools for architecture & design.
Return the brand's differentiation document (agent/verbal/differentiation.md). Includes a taste primer.
get_concepts
Return the brand's creative concepts/directions (agent/verbal/concepts.md). Includes a taste primer.
get_voice
Return the brand's voice document (agent/verbal/voice.md). Includes a taste primer.
get_colors_and_type
Return colors and typography as CSS custom properties from agent/visual/colors_and_type.css (with optional artifact override).
get_assets
Return logos and other binary assets from agent/visual/assets/. Replaces v1 get_logos + get_textures.
get_fonts
Return font faces declared in agent/visual/fonts/ (binary files + optional fonts.yaml manifest).
get_components
Return UI component specifications from agent/visual/components/. Optionally filtered by context (base | web | product).
+6 more tools listed on main page
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.
generate_flutter_implementation
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