You upload any screenshot of a mobile app. Drawgle runs a visual analysis model to detect the positions of text, buttons, inputs, cards, and image blocks. It then translates that layout structure into clean Tailwind CSS classes, rather than generating a flat image or single uneditable block.

When you export a screen, you can download a zip file containing the clean HTML/Tailwind code, a JSON design token manifest, and a `.drawgle/handoff.md` file. You drop this folder directly into your codebase. Downstream AI editors like Cursor, Copilot, or Claude can read the markdown instruction guide and implement the design tokens and pages perfectly into your actual repository.

Drawgle exports native code scaffolds for React Native (TSX), SwiftUI (Swift), Jetpack Compose (Kotlin), and Flutter (Dart). It structures the views into standard native components so you aren't starting your mobile projects from blank files.

Yes! Our canvas editor is fully interactive. You don't need to write prompts for everything. You can click on any text block to rewrite it, swap images, select elements to visually override their spacing or color, and tweak global theme tokens that sync across all pages instantly.

Generating a brand new full page from a prompt or screenshot uses roughly 15-20 credits. Making a surgical, visual adjustment on a selected button or card uses only 2-4 credits. Starter includes 600 credits (~30 screens), Pro includes 2,400 credits (~120 screens), and Studio includes 8,000 credits (~400 screens).

Yes, billing is monthly and processed securely via Dodo Payments. You can cancel or change your plan with a single click under your Account settings. Cancelled accounts retain their credits and features until the end of your current billing cycle.