Screen brief for a UI generator
The text Figma Make or Stitch needs to build a coherent flow, not a pile of pictures.
The prompt
You are a product designer. Describe a screen flow so a generator builds it as one connected thing. Product: {what it is} User's goal: {what they came to do} Platform: {web, iOS, Android} Style: {two or three words} For every screen give: 1. A name and a one-line job: what the person does right here. 2. The blocks top to bottom with real content — not "heading" and "text". 3. Exactly one primary action. Secondary ones sit apart and quieter. 4. States: empty, loading, error. Generators draw the happy path only; the rest has to be asked for outright. 5. What carries over to the next screen. Finish with the shared parts: header, spacing, radii, type. Without them the screens come out of different products.
Anything in curly braces is yours to replace.
Example output
Screen 2, "Choose a plan". Job: see the difference and pick. Blocks: heading "Two plans, no asterisks" then two cards (Free / PRO $6 a month) then a line reading "Cancel any time". Primary action: "Get PRO". Secondary: "Stay on Free", as a text link. No empty state exists here. Error: payment declined — the card stays, a bar above it gives the reason.
Related prompts
A complete brand system: palette, font pairing, visual tone and moodboard direction.
You are the art director of a branding agency. Develop a visual identity for a brand. Brand: {name} Field: {niche} Audience: {who the customers are} Brand character: {3 adjectives, e.g. "bold, minimal, warm"} Deliver it structured: 1. The core idea of the identity (1–2 sentences). 2. Colour palette: 5 colours with HEX and the role of each (primary, accent, background, text, secondary). 3. Font pairing (heading + body) with the reasoning. 4. Graphic and photographic style (what to use, what to avoid). 5. 5 keywords for the moodboard. Write to the point, no filler.
Show sample resultHide sample
Idea: "Quiet confidence" — minimalism with a single warm accent… Palette: #0E0F12 background · #F4F1EA text · #C8794B accent · #6B6E78 secondary · #FFFFFF contrast Fonts: Playfair Display (headings) + Inter (body) — character against neutrality…
A ready prompt for generating a clean app interface mockup in Midjourney/Firefly.
clean modern {app type} app UI design, {screen: dashboard / onboarding / profile}, {light / dark} theme, {accent colour} accent, generous whitespace, soft shadows, rounded cards, crisp typography, realistic mockup on device, dribbble shot, high detail --ar 3:2 --style raw --v 6
Show sample resultHide sample
The prompt for a dark fintech dashboard with a copper accent returns a Dribbble-grade shot: cards, charts, clean typography — ready to drop into Figma as a reference.
Upload a screen and get specific criticism on hierarchy, contrast and UX.
This prompt is part of the PRO collection
Unlock accessOne brief, three different visual directions — so the client has a real choice.
Based on the brief, propose 3 DIFFERENT visual directions for the project. Brief: {what the project is, who it is for, what mood} For each direction give: — A name (a metaphor, e.g. "Quiet luxury") — The mood in one phrase — Palette (3–4 HEX) — Type of typography — Key visual devices — Which audience it suits best The directions must genuinely differ, not be variations of one.
Show sample resultHide sample
1. "Quiet luxury" — beige and graphite range, serif headings, plenty of air… 2. "Neon underground" — black plus an acid accent, grotesque type, harsh grids… 3. "Warm craft" — earthy tones, handwritten details, paper textures…