AcademyMCP serversDevelopment

Figma-Flutter-MCP

Mobile development teams that turn Figma designs into Flutter screens and widgets.

  • Recommendedour rating
  • 244gitHub stars
  • MITlicence
  • 8 months agolast update
claude mcp add figma-flutter-mcp -- npx -y figma-flutter-mcp --figma-api-key=YOUR-API-KEY --stdio
README.md

Loading the file...

What it does

An MCP server that gives coding agents access to Figma files so they can write Flutter code from a design. It can export assets, build individual widgets and implement full screens. It works with Cursor and other AI tools that support MCP.

Use cases

  1. 01Build a Flutter widget from a Figma component
  2. 02Implement a full screen from a Figma frame
  3. 03Export design assets into a Flutter project

Questions about
Figma-Flutter-MCP.

What is Figma-Flutter-MCP used for?

Mobile development teams that turn Figma designs into Flutter screens and widgets. An MCP server that gives coding agents access to Figma files so they can write Flutter code from a design. It can export assets, build individual widgets and implement full screens. It works with Cursor and other AI tools that support MCP.

How do I install Figma-Flutter-MCP?

Run this in your terminal: claude mcp add figma-flutter-mcp -- npx -y figma-flutter-mcp --figma-api-key=YOUR-API-KEY --stdio

Is Figma-Flutter-MCP open source?

Yes. The code is on GitHub (mhmzdev/figma-flutter-mcp) under the MIT licence.

Is Figma-Flutter-MCP safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.