Every way to generate a screen
Prompt, screenshot, sketch, website URL, Figma import, or a PRD — and which one to reach for.
Last updated
UXMagic accepts six kinds of starting point. They all land in the same place — an editable screen on the canvas with a project theme — so you can mix them freely inside one project.
| Start from | Best when | Guide |
|---|---|---|
| A text prompt | You're starting fresh and know roughly what you want | Text to UI |
| A screenshot | You want to rebuild or restyle an interface you can see | Screenshot to UI |
| A hand-drawn sketch | You've whiteboarded the layout and want it made real | Sketch to UI |
| A website URL | You want a real site's structure as a starting point | Clone a website |
| A Figma file | You already have designs and want to iterate with AI | Import from Figma |
| A PRD or brief | The requirements are already written down | Design from a document |
Two fidelities
Anything above can be produced as a high-fidelity screen or as a wireframe. Wireframes are for arguing about structure before anyone falls in love with a colour. See Wireframe mode.
One screen or a whole flow
- One screen — ask for it directly.
- A whole flow — describe the journey and the AI plans and designs each screen in sequence, sharing one theme and navigation. See Flow mode and screen plans.
Combining inputs
The strongest results usually come from combining: a screenshot of a competitor plus your brand colours, or a PRD plus a reference URL. Attach everything relevant to the same message — the AI reads all of it before designing.
Was this article helpful?
Related articles
Text to UI
Turn a written description into a high-fidelity, editable screen.
Screenshot to UI
Upload a screenshot and get an editable, restyleable version of that interface.
Clone a website from a URL
Capture a real, public web page and rebuild it as an editable UXMagic screen.
Import from Figma
Bring an existing Figma frame into UXMagic and keep editing it with AI.