Overview
Features
Extract Figma node data
Extracts layout, styling, dimensions, colors, and text content from Figma nodes (components/widgets) for use by AI coding agents.
Analyze structure and hierarchy
Analyzes child elements, nested components, and visual importance to inform widget selection and layout strategies.
Flutter widget guidance
Provides recommended Flutter widgets and implementation patterns to translate designs into code-ready plans.
Screen metadata and scaffold guidance
Extracts device type, orientation, and dimensions; identifies sections and navigation to suggest Scaffold structures.
Asset handling and export hints
Outlines asset exports (images, SVGs) and pubspec considerations, including SVG export caveats.
Non-code MCP outputs
Delivers guidance rather than generated code files, optimizing prompt quality to improve AI results.
Local HTTP server for testing
Supports running an HTTP MCP endpoint for quick local testing of the server.
Who Is This For?
- Flutter developers:Developers using MCP with Cursor to translate Figma data into Flutter implementations.
- UI/UX designers:Designers leveraging MCP outputs to inform AI-assisted Flutter code structure.




