mhmzdev/Figma-Flutter-MCP

Overview

An open-source MCP server that exposes Figma design tokens to coding agents, enabling them to generate Flutter code from a project's design system. It acts as a bridge between Figma's token structure and AI assistants that support the Model Context Protocol.

Best for

Best for
Flutter developers who use AI coding agents and want to automate design token integration.

Use cases

• Feed Figma design tokens into an AI agent to scaffold Flutter widgets
• Automatically sync color, spacing, and typography tokens to Flutter theme files
• Let AI coding tools convert design specifications directly into Flutter UI code

How to use

Tools exposed

• npx
• npm
• node

Tested with

Cursor

Example client config

{\n  "mcpServers": {\n    "Figma Flutter MCP": {\n      "command": "npx",\n      "args": ["-y", "figma-flutter-mcp", "--figma-api-key=YOUR-API-KEY", "--stdio"]\n    }\n  }\n}

Notes

An open-source MCP server that exposes Figma design tokens to coding agents, enabling them to generate Flutter code from a project’s design system. It acts as a bridge between Figma’s token structure and AI assistants that support the Model Context Protocol.

235 stars on GitHub. Last updated 2026-02-27. Licensed MIT.

Use cases

• Feed Figma design tokens into an AI agent to scaffold Flutter widgets
• Automatically sync color, spacing, and typography tokens to Flutter theme files
• Let AI coding tools convert design specifications directly into Flutter UI code

Pros

• Connects Figma tokens directly to agent-driven Flutter development
• Open source with an active repository (235 stars)
• Reduces manual translation between design and code

Cons

• Only supports Flutter output, not other frameworks
• Requires an MCP-compatible AI agent to function
• Depends on proper Figma token setup in the design file

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.