Unthrottled creative power.
Zero feature gates.
Every plan includes prompt-to-UI, screenshot reconstruction, design-token editing, Tailwind HTML, and Agent Pack exports. Plans differ by monthly credit capacity.
Starter
Good for trying outFor founders and developers validating an app concept or designing a smaller mobile screen set.
Pro
Best valueHigher monthly capacity for active builders producing larger mobile UI projects.
Studio
High capacityHigh monthly generation capacity for agencies, studios, and builders managing larger mobile UI workloads.
Payments are processed securely with
Compare Plan Features
Choose the right level of output and capabilities for your design and development workflow.
| Features | Starter | Pro | Studio |
|---|---|---|---|
| AI Generation & Volume | |||
| Monthly AI Credits | 600 credits | 2,400 credits | 8,000 credits |
| Approximate Screens | ~30 screens | ~120 screens | ~400 screens |
| Screenshot Re-creation (Image to UI) | |||
| Style Reference Mode (Mood / Style Ref) | |||
| Visual Canvas Editor | |||
| Point-and-Click Visual Overrides | |||
| Global Token Sync (Colors, Spacing, Radius) | |||
| Curated Style References | |||
| User Image Asset Uploads | |||
| Developer Exports | |||
| Clean Tailwind HTML/CSS Export | |||
| Design System CSS Variables | |||
| Agent Handoff Pack (Cursor/Copilot Context) | |||
| Agent Pack (Screens + Implementation Context) | |||
| Commercial Use Permitted Under Terms | |||
AI Generation & Volume
Visual Canvas Editor
Developer Exports
Billing & CreditsFAQ
Honest answers about credit limits, editable mobile UI, Tailwind HTML, Agent Pack exports, billing, and commercial use.
Still have a question?01How does the Screenshot to UI translation work?
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.
02What is the 'Agent Handoff Pack' and how do I use it with Cursor or Copilot?
The Agent Pack is a zip containing screen HTML, design tokens, assets, a project manifest, Design.md, `.drawgle/handoff.md`, and agent skill instructions. Add it to your repository so coding agents such as Cursor, Copilot, Claude Code, or Codex can use the approved mobile UI as implementation context.
03Can I edit the generated code in my browser before exporting?
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.
04What are AI credits and how are they charged?
A new parent screen costs 20 credits. Selected edits cost 3 credits for a small component, 10 for a medium container, or 15 for a large section; full-screen and navigation edits cost 20 credits. Starter includes 600 credits (~30 screens), Pro includes 2,400 credits (~120 screens), and Studio includes 8,000 credits (~400 screens).
05Can I upgrade, downgrade, or cancel anytime?
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.
Subscription payments are processed by Dodo Payments. You can cancel or change your plan from your account.