{"repo":"mhmzdev/figma-flutter-mcp","free":true,"listed":false,"github":"https://github.com/mhmzdev/figma-flutter-mcp","clone":"git clone https://github.com/mhmzdev/figma-flutter-mcp.git","description":"An MCP server that provides the coding agents Figma's design token to write Flutter code.","language":"TypeScript","stars":245,"topics":["design","figma","flutter","mcp","figma-flutter-mcp"],"license":"MIT","category":"mcp-servers","readme_excerpt":"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. 📋 Table of Contents - 🦋 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: 🎥 Short Video Demo Showcased almost all the features of Figma Flutter MCP with real figma design. - English: https://youtu.be/lJlfOfpl2sI - Urdu/Hindi: https://youtu.be/mepPWpIZ61M 📝 Getting Started You may explore the detailed getting started docs or the demo video as quick-start. As its a First Release hence there's a lot of room for improvements so you can checkout the issues to see what else there's to work or to improve. 📚 How it works Details Here 1. Components/Widgets - ✅ Extract Figma node data: Layout, styling, dimensions, colors, text content, etc. - ✅ Analyze structure: Child elements, nested components, visual importance - ✅ Provide guidance: Suggest Flu","default_branch":null,"files":null,"tree":[],"storefront":"/r/mhmzdev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mhmzdev/figma-flutter-mcp/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}