Figma Mobile Layout Codegen

Convert design export ZIPs into native Android and iOS layout code. Each platform gets its own output, not a single cross-platform codebase.

Platforms

• Android: Java with XML, Kotlin with XML, Kotlin with Jetpack Compose
• iOS: Swift with SwiftUI, Swift with UIKit
• Flutter: in development

Export modes

• Export UI Layouts Only: UI files only, no ViewModel
• Export MVVM Template: optional MVVM scaffold (View and ViewModel); layouts and structure, not a full app
• Export Interactive Preview: runnable preview with sample data (default)
• Prompt Composer: generates numbered screenshot references and a spec prompt file

Usage

1. Export your design as a ZIP using the companion Figma plugin "JSON and Image ZIP Export"
2. Open the Command Palette and run: Figma Mobile Layout Codegen: Open Editor
3. Import the ZIP
4. Right-click on the canvas or in Layers to create lists, navigation, sheets, dialogs, and other native UI patterns
5. Set the export path and run Export All

Notes

All export modes are rule-based codegen, not model generation.

Image assets stay on your machine and are not uploaded. Only design JSON is sent when server-side processing is needed.

Icons in the editor UI are original assets created for this extension and are not taken from third-party icon packs.

This extension is not affiliated with, endorsed, or sponsored by Figma. "Figma" is a trademark of Figma, Inc. and is used here only to describe the supported design export format.