Back to MCP Servers

Figma Flutter

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.

developer-toolsaiagent

Installation

npx -y Figma-Flutter-MCP

Configuration

{
  "mcpServers": {
    "Figma-Flutter-MCP": {
      "command": "npx",
      "args": ["-y", "Figma-Flutter-MCP"]
    }
  }
}

How to use

  1. Run the installation command above (if needed)
  2. Open your Claude Code settings file (~/.claude/settings.json)
  3. Add the configuration to the mcpServers section
  4. Restart Claude Code to apply changes
View source on GitHub