An AI app designer that only does mobile

DraftScreens is an AI app designer for phone screens. Most AI design tools draw web pages and shrink them. Here every screen is 390 by 844 with a status bar, a tab bar that stays consistent, and one design language the whole project is held to.

A language, not a template

The planner commits to a palette, type, radius and spacing before the first screen is drawn. Ten design languages are built in, from Minimal to Brutalist, and Studio plans can use your own design system.

Flows, not one-offs

On Pro and Studio, one prompt plans four to six connected screens. Each is drafted against the same tokens and knows its siblings, so navigation and look stay consistent.

Edit by hand or by asking

Select any element to change its text, colour, spacing or tap link, at no cost. Or select a screen and tell the AI what to change; only that screen is revised.

Exports for the next step

On Pro and Studio: editable Figma layers, HTML per screen, and a prompt pack written for Cursor, Claude Code, Lovable, Bolt and v0. Failed generations are never charged.

How the AI app designer works

  1. Describe the app in plain words: what it does and who it is for. Pick one of ten design languages, or let the planner choose.
  2. The planner writes the design language first: palette roles, type, radius, spacing. Every screen is then drafted against it.
  3. Select anything and change it by hand for free, or select a screen and tell the AI what to change.
  4. Share a link, or on Pro and Studio export Figma layers, HTML or the prompt pack a coding tool builds from.

Questions people ask

Is DraftScreens free?
There is a free plan: one design a day, up to five a month, with PNG export, share links, the visual editor and a clickable prototype. Pro is $15 a month or $144 a year and adds multi-screen flows and every export.
Does it design iOS and Android apps?
Screens are drawn at iPhone proportions, 390 by 844, with mobile conventions such as a status bar and a tab bar. The designs are not tied to one platform's code, so the same screens can be the brief for an Android build.
Can I use my own brand?
On the Studio plan, a design system (palette roles, fonts, voice, rules and logo) drives every flow, screen and edit.
What do I get out?
PNG on every plan. On Pro and Studio: editable Figma layers, standalone HTML per screen, a project ZIP and a prompt pack for coding tools. Expo, React Native and SwiftUI code export are not shipped yet.

Related