AI-Powered Product Design
Why starting from the format you are actually producing beats starting from a blank, generic canvas.
Product and platform · · 7 min read
A blank canvas is a neutral starting point, and neutrality is the problem. A responsive marketing page, an internal dashboard, a pitch deck, and a financial report do not share constraints — and the constraints are most of the design.
Format carries intent
Before anything is drawn, the format has already decided a great deal: the dimensions, the input devices, the density the audience will tolerate, whether it will be read once or lived in daily, and what the output has to be at the end.
A tool that does not know the format has to ask for all of that, or guess. Guessing is what produces output that looks plausible and is subtly wrong for the job — a dashboard laid out like a landing page, a deck with the information density of a spec.
The format has already made most of the important decisions before anything is drawn.
Generation is cheap; direction is not
The interesting constraint in AI-assisted design is no longer producing options. It is deciding which option is right, and that judgment does not get faster just because generation did.
This changes what the tool should optimise for. Twenty variations is not obviously better than three if the team still has to evaluate each one against a brief that lives somewhere else. Narrowing well beats generating widely.
The most useful thing a design tool can do is keep the brief present — the research finding, the constraint, the decision that framed the work — so evaluation is fast even when generation is unlimited.
Output should be code, not a picture of code
A generated screen that exports as an image restarts the work at the handoff. Someone has to rebuild it, interpreting intent along the way, and the interpretation is where fidelity is lost.
Generating against the team's existing tokens — colour, type scale, spacing, radii, component conventions — produces something that already looks like the rest of the product and can be reviewed as a diff rather than a mockup.
What makes generated design usable downstream
- Built from real components with real state, not flattened rectangles.
- Uses the team's existing tokens rather than an invented palette.
- Exports readable code someone will still understand in six months.
- Keeps the originating brief attached for review.
Keep the brief attached
Design decisions age badly without their reasoning. Six months later nobody remembers that the sparse layout was a deliberate response to a support finding about cognitive load — they just see empty space and fill it.
Keeping the research and decision context attached to the design makes the eventual engineering handoff clearer and the eventual redesign less likely to repeat a solved mistake.
Key takeaways
- Format decides most constraints before the first pixel.
- Generation got cheap; evaluation did not — optimise for narrowing.
- Export code against real tokens, not images to be rebuilt.
- Attach the brief so decisions survive their authors.