Generative Surfaces and the End of Static UI
When the screen itself can be drawn on demand, layout becomes a conversation.
For thirty years our screens have been catalogues. Finite arrangements of buttons and lists, drawn once and arranged forever. We picked a layout in design review. We approved a flow in a meeting. We shipped the layout. Then it sat. The catalogue is closing. In its place, a quieter pattern arrives: the surface that gets drawn when the user calls for it.
A model reads what the user asked. It picks the right components from a small library. It fills them with the right data. It hands the result back as a finished thing. The screen is no longer prepared in advance. It is offered, in the moment, by a system that listens. The fixed page becomes a fluid surface.
The vocabulary changes. We no longer speak of pages or routes. We speak of intents and surfaces. The library no longer stores screens. It stores the parts a screen could be made of. Designers who used to draw flows now describe them. The model handles assembly. The team handles taste.
A library that knows itself
Generative UI is only as good as the components that compose it. Every primitive needs a clear name, a clear shape, and a clear story about when to appear. The model is a reader. Components are sentences. A design system is the grammar. The model writes the paragraph. The team reviews the page.
What changes for the system team is the seriousness of the schema. Loose schemas worked when humans assembled the pages. Now a model assembles them. The schema is the only adult in the room. It enforces what the model can do, what it must include, and what it cannot output. The schema becomes the most reviewed file in the codebase.
Components are sentences. A design system is the grammar. The model writes the paragraph.
- Comfortable surface response
- 100ms
- Layouts before we lose trust
- 3
- Source of truth for components
- 1
Surfaces, not pages
The fear is that everything becomes a chat box. The opposite is true. When every reply can be a layout, the chat box recedes. The reply itself becomes the app. The user types a thought. The model answers with a card, a chart, a panel, a small form. Each reply is a small room built for the moment. The chat is just the corridor between them.
The ergonomic effect is dramatic. The user spends less time navigating and more time deciding. The system spends less time predicting and more time composing. The team spends less time updating screens and more time refining the components those screens are built from.
Treat surfaces as outputs
Hold component contracts tight. Validate every generated layout before it renders. The model is welcome on stage. The director still chooses the cast. Reject any output that does not match the schema, and ask the model to try again.
There is a beautiful side effect. The product begins to feel less like software and more like a workshop. We bring intent. The system brings the table. The table arrives the right size. The user works at it. The system tidies up afterward. It is craft, mediated by a quiet machine.
Beware the freestyle
A model that is allowed to invent components will. Once it invents, the design system loses meaning. Lock the schema. Reject novelty at the boundary. The library evolves through human review, not model invention.
Generative surfaces will not arrive in a single moment. They arrive in small ones. A reply that becomes a card. A card that lifts into a panel. A panel that pins itself. A history of pinned panels that becomes a workspace. Each step is small. Together they are the largest shift in interface design since the smartphone.
The chat is just the corridor between rooms the system builds for the moment.
The static UI was a beautiful era. It taught us hierarchy, type, contrast, restraint. The lessons travel. The screens do not. The next decade belongs to libraries that think about themselves, models that respect their bounds, and designers who set the grammar. The page is over. The surface has begun.
- generative UI
- layout
- components
- conversation
- AI
Keep reading
Related articles
The Memory Window
A new kind of context. Quiet, persistent, and honest about what it remembers.
The Cursor Returns: Pointing in the Age of Speech
Voice is rising. Pointing is too. The two together form the most natural interface in years.

