What is the key difference between Figma MCP Bridge and Figma Flutter MCP?

Figma MCP Bridge belongs to the Architecture & Design category with local stdio execution, while Figma Flutter MCP belongs to the Architecture & Design category with local stdio execution.

How do I install Figma MCP Bridge or Figma Flutter MCP in Claude Desktop or Cursor?

Copy the mcpServers JSON configuration snippet provided on this page into your claude_desktop_config.json or ~/.cursor/mcp.json file and restart your AI client.

Are Figma MCP Bridge and Figma Flutter MCP free or paid?

Figma MCP Bridge operates under a Free / Open Source model (No auth required). Figma Flutter MCP operates under a Free / Open Source model (API Key required).

Which MCP server has more tools and community activity?

Figma MCP Bridge lists 18 tools with 1 views and 2 GitHub stars. Figma Flutter MCP lists 13 tools with 4 views and 244 GitHub stars.

Can I use both Figma MCP Bridge and Figma Flutter MCP together in the same MCP host?

Yes! MCP hosts like Claude Desktop, Cursor, Windsurf, Cline, and VS Code support configuring multiple servers under the mcpServers object simultaneously.

Side-by-Side Model Context Protocol Comparison

Figma MCP Bridge vs Figma Flutter MCP

In-depth architectural comparison of the Figma MCP Bridge 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

Figma MCP Bridge

Architecture & Design · Local stdio

Quality: 56/100 (Good) | Auth: No auth required

Figma Flutter MCP

Architecture & Design · Local stdio

Quality: 64/100 (Good) | Auth: API Key required

Verdict Summary: Choose Figma MCP Bridge 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 Figma MCP Bridge 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).
Primary tools included: figma_execute_code, figma_inspect, figma_read_canvas.

Explore Figma MCP Bridge Details

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).
You have access to required keys: FIGMA_API_KEY.
Primary tools included: export_flutter_assets, export_svg_flutter_assets, analyze_figma_component.

Feature & Specification Comparison

Specification	Figma MCP Bridge Architecture & Design	Figma Flutter MCP mhmzdev Architecture & Design
Summary	Write to a live Figma canvas, get a screenshot back, and roll back mistakes. Zero deps, free plan.	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	Architecture & Design

Tools & Capabilities Breakdown

Figma MCP Bridge Tools (18)

figma_execute_code

Run JS in the Figma sandbox. Injects `figma`, `ensureFont`, `getFreePosition`, `progress`, `bridge`. Supports `capture`, `capture_node_ids`, `diff`, `max_px`, `max_output_bytes`, `async`, `target`.

figma_inspect

Read many live nodes in one call: compact outline (or `view: "map"` canvas map), exact `props` (incl. `reactions`, `connector`), name `find` / text `find_text`, `context` (ancestor sections, breakpoints, component variants), `offset` paging, or `check` expectations (mismatches only). Changes nothin…

figma_read_canvas

Token-optimized read of the **live** document (`jsx` / `tree` / `json`) with `budget_tokens` (default: the server's byte budget).

figma_screenshot

PNG of specific `node_ids` or the current selection, sized by `max_px`.

figma_find_components

Cached, tokenized, fuzzy component search — variants, properties, keys.

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 MCP Bridge Configuration

mcpServers (Claude Desktop / Cursor)

{
  "mcpServers": {
    "figma-mcp-bridge": {
      "command": "npx",
      "args": [
        "-y",
        "@kolganovr/figma-mcp-bridge"
      ]
    }
  }
}

Figma Flutter MCP Configuration

mcpServers (Claude Desktop / Cursor)

{
  "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 Bridge 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 Figma MCP Bridge when you need capabilities focused on architecture & design and Figma Flutter MCP when you require tools for architecture & design.

More alternatives to Figma MCP Bridge More alternatives to Figma Flutter MCP Architecture & Design category hub