AI-generated prototypes
Throwaway app sketches produced from prompts. Useful for exploring UX and flows, but usually missing the testing, auth, data, and ops work production systems need.
Learn
When to use it
Use AI-generated prototypes when you need to quickly visualize a user interface or workflow without investing in full development. AI-generated prototypes bring together basic UI sketches and flow diagrams to explore concepts like "how users navigate a new feature" or "what a simplified onboarding might look like."
Quick example
In Figma's AI integration, designers can input a prompt like "create a mobile app dashboard for fitness tracking." The AI generates a visual layout with placeholder elements and navigation flow. Figma's AI-generated prototypes provide a visual starting point, but the designer must refine and add production-level details like data integration and user authentication.
prompt → AI-generated prototype → UI layout → designer refinement → stop
Ecosystem
AI-generated prototypes are part of the early design phase, connecting with tools that refine and validate these sketches.
┌─ design tools ─┐
prompt → AI-generated prototype → stop
└─ user feedback ─┘
Misconceptions
| Misconception | Rebuttal |
|---|---|
| They are production-ready | They lack testing, auth, and data ops |
| They replace designers | They assist but require human refinement |
Trade-offs
- Speed — lacks depth in functionality
- Visualization — requires manual refinement for production
- Exploration — may mislead stakeholders on readiness