Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt

Use this file to discover all available pages before exploring further.

Flowstep generates UI screens from natural language prompts, letting you go from idea to visual design in seconds. Whether you need a single screen to validate a concept or a full set of screens covering an entire user journey, a well-written prompt is all it takes to get started.

​
Generate a design

1

Open a new project

From your Flowstep dashboard, create a new project or open an existing one where you want to add screens.
2

Write your prompt

Type a description of the screen or screens you want. Be specific about the type of app, the user goal, and the content you expect to see.
3

Specify how many screens you want

By default, Flowstep generates a single screen. If you want multiple screens, say so explicitly in your prompt—Flowstep can generate up to 10 screens from one prompt.
4

Generate

Submit your prompt. Flowstep produces your screens and displays them in the editor, ready to review or refine.

​
Single screen vs. multiple screens

You can generate either one screen or up to 10 screens from a single prompt. Both approaches suit different stages of design work.
  • One screen — best for exploring a specific UI state, component, or focused concept.
  • Multiple screens — best for mapping out flows, comparing layout options, or covering a full user journey quickly.
When you want multiple screens, be explicit in your prompt. Flowstep uses the wording of your prompt to decide how many screens to produce, so vague prompts typically return a single screen.

​
Writing effective prompts

Single-screen prompt example: “Design a mobile login screen for a fitness tracking app with email and password fields, a sign-in button, and a forgot password link.”
Multi-screen prompt example: “Generate multiple screens for a food delivery app onboarding flow—cover selecting cuisine preferences, entering a delivery address, and confirming the first order.”
Full journey prompt example: “Cover the full user journey in a expense reporting app, from submitting a receipt to manager approval.”
Keep these principles in mind when writing prompts:
  • Name the platform (mobile, desktop, tablet) so Flowstep sizes screens correctly.
  • Describe the user’s goal, not just UI elements—Flowstep infers layout from intent.
  • Include key content like labels, actions, or data if they matter to the design.
  • Use phrases like “generate multiple screens” or “cover the full user journey” to trigger multi-screen output.