Concept · Archive
MGN-CONCEPT-GENERATIGenerative UI
UI assembled dynamically from data, AI, or rules—rather than fixed screens designed ahead of time.
Generative UI describes interfaces that are built at runtime from structured inputs: user context, APIs, prompts, or design tokens. Instead of shipping every screen as a static mock, teams define patterns and let the system compose layouts and content.
Why it matters for newbies
Traditional UI design assumes you draw each state. Generative UI shifts effort toward components, constraints, and data contracts. You still need typography, spacing, and accessibility—but the “page” may change shape per user or per session.
Common examples
- Dashboards that rearrange widgets from preferences
- AI assistants that render cards, forms, or charts from a conversation
- Marketing pages assembled from a CMS + component library
What to learn next
Pair generative UI with a solid design system so generated output stays on-brand and accessible.