Skip to content
Oz Gultekin

All takes design

8 min read 1,574 words

How AI Prompts Are Replacing Wireframes In Design

When the deliverable shrinks from a layout to a paragraph

A misclick announces itself. A misread does not.

The wireframe is the most resilient artifact in the discipline, which is why it is the first one disappearing. For thirty years it survived every wave that came for it. The static comp, the prototype, the design system, the spec sheet, the JSON token. Each one promised to replace the wireframe and instead ended up parked beside it. The wireframe sat at the centre of every kickoff because it answered the only question that mattered, which was where things go.

Now the answer to where things go is, increasingly, not the designer’s to give. The system decides where things go, when, in what order, and whether to skip the screen entirely. The wireframe still describes a possible answer. It no longer describes the binding one. The deliverable that does is shorter, plainer, and made entirely of words.

The artifact shrinks to a paragraph

What gets reviewed, versioned, A/B tested, and shipped is starting to look more like a paragraph than a layout. A request the user makes. A clarifying question the system asks back. A preview of what the system understood. An action the system takes. None of those are pixels. All of them are text. The design file has quietly stopped being a file and started being a string of sentences with conditional branches.

This is hard to see from inside the canvas tools we still use, because the canvas tools are optimised for the artifact they were built around. A vector editor with a frame and a sidebar is the wrong workspace for the new deliverable. The right workspace looks more like a writing tool with an evaluation harness attached, a place where the designer drafts the words the system will read, runs them against representative inputs, and iterates on what comes back. Some of that workspace already exists, scattered across notebooks, prompt playgrounds, and eval frameworks built by engineers. Most of it is held together with whatever the team decided to use that week.

The first design teams that figure out how to operate inside that workspace are not going to look like the design teams that came before them. There will be fewer mood boards and more diff views. Fewer round-trips to a developer and more round-trips to a model. The frame on the canvas will still exist, somewhere, near the end of the process. It will not be the place the design happens.

Prompt taste is the new craft

Designers have always been editors of someone else’s first draft. The product manager hands over a problem statement. The researcher hands over a transcript. The engineer hands over a constraint. The designer takes those inputs and shapes them into something coherent enough to make a decision against. That editing instinct is now the centre of the work, not the periphery.

A good prompt is not a long prompt. It is a precise one. It carries the assumption it needs to carry, declines the ones it does not, and leaves enough room for the system to handle a case the writer did not foresee. Knowing what to leave out is harder than knowing what to put in, and it is the part senior designers have been quietly practising for years on copy decks, problem briefs, and PRD revisions. The discipline never called it prompt taste because the discipline never had to. It does now.

What changes when taste moves from layouts to language is who can do the work. The designer who could not write but could draw a clean grid was a coherent figure for a long time. They are becoming a less coherent figure. The designer who can write a tight paragraph, hold the ambiguity of a phrase, and feel when a sentence is going to be misread is becoming the load-bearing one. Taste in language was always part of the role. It used to be optional. It is not anymore.

Design systems become prompt libraries

The reusable unit of a design system used to be a button, a card, a token, a layout. The reusable unit of an agentic product is increasingly a parameterised brief. A “summarise this in the brand voice” with the brand voice defined elsewhere. A “draft a reply that matches our support tone” with the support tone written down once and called from twenty places. A “compare these against our criteria” with the criteria living somewhere a non-engineer can edit.

The implications for tooling are quiet but large. A design system maintainer used to argue about button radii. They are starting to argue about voice paragraphs. The component documentation page used to show a colour swatch and a usage rule. It is starting to show a brief, a list of inputs the brief expects, a sample output, and a row of failure cases. The shape of the documentation looks more like an API reference than a brand guideline, because the thing being documented is closer to an API than a button.

A useful test for any design system being updated this year is to ask whether the most-used component is still visual. The teams that can name a visual component without hesitation are still in the old shape. The teams that hesitate, or who name a brief, or who name a piece of voice that gets reused twenty times a day, are already in the new one. The hesitation is the early sign.

Misread is the new misclick

Usability used to be about the misclick. The button placed too close to the edge. The label too vague to commit to. The flow that made the user back out of three screens because the path forward was unclear. Decades of method, observation, and research went into reducing the misclick. The discipline got very good at it.

The misclick is being replaced, in the agentic surface, by the misread. The user wrote what they meant, more or less, and the system did something adjacent to what they meant but not the thing itself. The cause is not visual. It is linguistic. The brief was ambiguous in a way the user could not see, the system filled in the ambiguity with a reasonable guess, and the reasonable guess turned out to be wrong. The user does not know whether to blame themselves, the system, or the moon.

Designing against the misread is a different craft than designing against the misclick. It looks more like writing than like wireframing. The work is in the clarifying question that does not feel like an interrogation. The preview that surfaces the assumption the system is about to act on. The repair flow that lets the user correct the interpretation without restarting the whole thing. None of these were in the old toolkit. All of them are in the new one.

There is a precise but unplaced detail I keep coming back to. A team I worked with shipped a feature that drafted email replies from a one-line user instruction. The first month, support volume tripled. The complaints were almost never about the system being wrong. They were about the system being plausibly wrong, in a way that took effort to spot. A misclick announces itself. A misread does not.

When the design file gets read by the runtime

Hand-off used to be a translation problem between humans. The designer wrote intent into a Figma file. The developer read the file and translated the intent into code. The translation was lossy in both directions, which is why the discipline invented design tokens, design systems, and version-controlled component libraries.

A piece of the design file is now read directly by the runtime. The prompt that defines the assistant’s voice. The brief template that scopes a feature. The instruction that constrains what the agent will and will not do. These are not translated by a developer. They are loaded by the system at runtime and acted on. The lossiness moves from the human translation step to the model’s interpretation step, which is a different problem with different mitigations.

This collapses a distinction the discipline has lived inside for a long time, between design as a description of what should be built and code as the thing that gets built. When part of the design is the thing that gets executed, the designer is no longer purely upstream of the system. They are inside it, writing one of the inputs the system reads each time it runs. The implications for what counts as design, who can call themselves a designer, and what their work output looks like will take years to settle. They are already showing up at the edges.

The discipline began with type. Setting words in a grid, choosing a face, pacing a paragraph, tuning the rag. Pixels arrived later, then components, then systems, then tokens, then comps. Each layer added more between the words and the reader. The agentic surface is removing those layers in a hurry, and what is left at the bottom is the words.

The designer at the back of the room, drafting a brief in plain sentences, with a notebook open and the canvas tool closed, is not doing less design. They are doing the older form of it. The form the discipline started with, the one it kept forgetting was at its centre, the one that is becoming the central deliverable again.

We will ship fewer screens. We will ship more sentences. The design file is a paragraph now.

Terms / explained

Described terms.

Prompt
The piece of structured writing that an agentic system reads at runtime to interpret a user's intent and decide which actions to take.
Misread
A usability failure where the system acts on a plausible but incorrect interpretation of an ambiguous user instruction, producing an outcome adjacent to but not the same as what the user meant.
Prompt library
A versioned collection of parameterised briefs, voice paragraphs, and instruction templates that an agentic product reuses across features, replacing the role design systems used to play for visual components.
Eval harness
A repeatable test setup that runs a prompt against representative inputs and compares the system's outputs against expected behaviour, used to iterate on prompts the way A/B tests are used to iterate on screens.
Brief template
A structured outline that scopes how an agent should approach a task, defining tone, constraints, and the form of the output, reused across many specific user requests.

FAQ / questions

Frequently asked.

What is replacing the wireframe in agentic product design?

The wireframe is being displaced by the prompt as the central design artifact. In agentic systems the deliverable that gets reviewed, versioned, and shipped is a piece of writing rather than a layout. It includes the brief the user supplies, the clarifying question the system returns, the preview of what was understood, and the action that follows. The visual frame still exists at the end of the process, but the design decisions now live in the language that the runtime reads, not in the pixels a developer translates.

Why is prompt taste becoming a design skill?

Prompts are short pieces of writing under load. A good one carries the assumptions it needs, declines the ones it doesn't, and leaves room for cases the writer didn't foresee. Knowing what to leave out is harder than knowing what to put in, and that judgement has always been a senior designer's instinct on copy decks and problem briefs. As the artifact shrinks from a layout to a paragraph, taste in language becomes load-bearing rather than optional. The designer who writes a tight sentence and feels when a phrase will be misread becomes the load-bearing figure on the team.

How does designing for misreads differ from designing for misclicks?

A misclick is a visual failure: a button placed too close to the edge, a label that's too vague, a path the user couldn't see. A misread is a linguistic failure: the user wrote what they meant, more or less, and the system did something adjacent but not the thing itself. Designing against misreads looks more like writing than wireframing. The work is in clarifying questions that don't feel like an interrogation, previews that surface the assumption the system is about to act on, and repair flows that let the user correct the interpretation without restarting the whole thing.

Ask / a model

Request an AI summary.

Hand this take to your model of choice for a summary, a deeper read, or a critique. Each link pre-fills a prompt that points the model at this page.

Read / further

Related reading.