Skip to main content
0
m

mhmzdev/Figma-Flutter-MCP

mhmzdev/Figma-Flutter-MCP

Rating

0.0

Votes

0

score

Downloads

0

total

Price

Free

No login needed

Works With

Claude CodeCursorWindsurfVS CodeDeveloper tool

About

Figma to Flutter MCP Server

๐ŸŒ Available in: ํ•œ๊ตญ์–ด (Korean) | ๆ—ฅๆœฌ่ชž (Japanese) | ็ฎ€ไฝ“ไธญๆ–‡ (Simplified Chinese) | ็น้ซ”ไธญๆ–‡ (Traditional Chinese)

Utilize Figma's rich data in your coding agent.Implement designs in Flutter way!

Use Cursor or other AI-powered tools to access Figma's rich files, data, components and much more using MCP server.

  • ๐Ÿฆ‹ Observable Flutter #70
  • ๐ŸŽฅ Short Video Demo
  • ๐Ÿ“ Getting Started
  • ๐Ÿ“š How it works
  • ๐Ÿ› ๏ธ Usage
  • ๐Ÿ”‘ Figma API Key
  • ๐Ÿน MCP in Cursor
  • ๐Ÿš€ Quick Start for Local Testing
  • ๐Ÿงฑ Basic Workflow
  • ๐Ÿค– AI Coding Agent Assistance
  • โš ๏ธ If SVG assets donโ€™t work with screen generation
  • โš ๏ธ Disclaimers
  • ๐Ÿ™Œ๐Ÿผ Acknowledgments
  • ๐Ÿงฑ Other framworks
  • ๐Ÿ”‘ License
  • ๐Ÿ™‹โ€โ™‚๏ธ Author
  • Muhammad Hamza

๐Ÿฆ‹ Observable Flutter #70 Featured on Observable Flutter with enhanced explanation and demo:

Works with Claude (desktop and mobile), Cursor, Windsurf, VS Code, and any MCP-compatible AI app.

Category: Developer Tools

Don't lose this

Three weeks from now, you'll want mhmzdev/Figma-Flutter-MCP again. Will you remember where to find it?

Save it to your library and the next time you need mhmzdev/Figma-Flutter-MCP, itโ€™s one tap away โ€” from any AI app you use. Group it into a bench with the rest of the team for that kind of task and you can pull the whole stack at once.

โšก Pro tip for geeks: add a-gnt ๐Ÿคต๐Ÿปโ€โ™‚๏ธ as a custom connector in Claude or a custom GPT in ChatGPT โ€” one click and your library is right there in the chat. Or, if youโ€™re in an editor, install the a-gnt MCP server and say โ€œuse my [bench name]โ€ in Claude Code, Cursor, VS Code, or Windsurf.

๐Ÿคต๐Ÿปโ€โ™‚๏ธ

a-gnt's Take

Our honest review

This plugs directly into your AI and gives it new abilities it didn't have before. mhmzdev/Figma-Flutter-MCP. Once connected, just ask your AI to use it. It's completely free and works across most major AI apps. This one just landed in the catalog โ€” worth trying while it's fresh.

Tips for getting started

1

Tap "Get" above, pick your AI app, and follow the steps. Most installs take under 30 seconds.

What's New

Version 1.0.06 days ago

Imported from awesome:punkpeye/awesome-mcp-servers

Ratings & Reviews

0.0

out of 5

0 ratings

No reviews yet. Be the first to share your experience.