figma-flutter-mcp

<div align="center"> <br>

<h1>Figma to Flutter MCP Server</h1> <p> 🌐 Available in: <a href="README.ko.md">한국어 (Korean)</a> | <a href="README.ja.md">日本語 (Japanese)</a> | <a href="README.zh-cn.md">简体中文 (Simplified Chinese)</a> | <a href="README.zh-tw.md">繁體中文 (Traditional Chinese)</a> </p> <h3>Utilize Figma's rich data in your coding agent.<br/>Implement designs in Flutter way!</h3> <a href="https://npmcharts.com/compare/figma-flutter-mcp?interval=30"> </a> <a href="https://github.com/mhmzdev/figma-flutter-mcp/blob/main/LICENSE"> </a> <a href="https://twitter.com/mhmzdev"> </a> </div> <br>

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
• [🙋‍♂️ Auth