ai-ux-design
Table of contents

AI UX Design: Why Everything Looks the Same, and How to Fix It

Slop is not what happens when you use AI. It is what happens when nobody set the constraints, so the tool supplied the average instead.
Francesco de Chirico

Francesco de Chirico

August 30, 2026

9

min read

Open five products in the same category and try to tell them apart with the logos covered. Inter or a near-identical grotesk. A muted grey palette with one accent. Rounded cards on an 8px grid. A left sidebar that has quietly absorbed nine navigation items and four actions. A dashboard that could belong to any of the other eleven tools your customer pays for.

This is the complaint people now file under "AI slop", and in interfaces it is a real phenomenon with a specific mechanism behind it. It is worth understanding, because the fix is not "use AI less". The fix is knowing what AI is actually bad at, and putting something in front of it.

This is a practical guide to AI UX design for product teams: what generative tools genuinely changed, why their output converges on the same look, the four failure patterns we see most often, and the one piece of infrastructure that reliably prevents them.

What AI actually changed about UX design

Start with the honest part, because the useful conversation is on the other side of it.

Generative tools have compressed production enormously. A clickable prototype that used to take a week takes an afternoon. Three visual directions instead of one is now a reasonable ask rather than a budget conversation. Copy for every empty state, every error, every tooltip can exist in a first draft before the flow is finalised. Component variants that used to be tedious are close to free.

None of that is trivial. It genuinely changes what a small team can attempt.

What it did not change is the part that decides whether the product works: knowing which problem is worth solving, what the constraints actually are, and which of the four plausible layouts is right for the people who will use this forty times a day. Production got cheap. Judgement did not.

Which means the bottleneck moved upstream. When making things is expensive, being slow and careful about what to make is a luxury. When making things is cheap, it is the whole job. Faster production of the wrong interface is just faster failure.

Why AI-generated interfaces drift toward the same look

The convergence is not mysterious, and it is not really about the models being unimaginative.

Ask any current AI tool to build an interface and it reaches for the same handful of libraries almost every time. shadcn/ui, Radix, Tailwind. Not because anyone weighed the options for your product, but because that is what the models were trained on and what they scaffold by default. The tools that generate front-end code all lean on the same kit. So the "average" is not an abstraction any more. It is a literal component set that thousands of products now ship out of the box.

These are good libraries. They are an excellent place to start and a poor place to stop, if the goal is a product that looks like you rather than like the last thing someone generated.

There is a second, subtler force. Generated design is trained on the average of what already exists, so by default it reproduces the average: conventional layouts, safe hierarchy, the pattern that appears most often rather than the one that fits your case. That is genuinely useful as a floor. It is a problem when it becomes the ceiling.

Commercially this matters more than it used to. In a product-led business the interface does the selling. There is no rep walking your buyer through a demo, so every empty state, tooltip and success message is a brand touchpoint. If the product feels like everyone else's, your differentiation lives entirely on a marketing site people stop visiting after week one. We wrote about that gap in brand-led product design.

Four failure patterns we see in AI-assisted design

These show up repeatedly in the products we audit. None of them are AI's fault exactly. All of them are made faster and worse by it.

1. Addition without subtraction

Generative tools are relentlessly additive. Ask for an improvement and you get another line, another icon, another explanatory sentence, another badge. It is the same instinct they show in code, where they will wrap something in an extra try-catch and reimplement a utility that already exists three files over.

The result looks more finished than most non-designers would produce by hand, and is quietly worse than it should be, because nothing was ever taken away. The discipline is to go element by element and ask whether each one earns its place. Most designs improve more from a removal pass than another generation.

2. Whack-a-mole fixing

A user gets confused by something. The natural move is to jump straight to a fix: make that button more prominent, add a tooltip, surface the action higher. AI makes this trivially easy, which is exactly the danger.

Do it twenty times and you have a patchwork that prioritises whichever interaction happened to get complained about most recently. Nobody decided the hierarchy. It accumulated.

The habit that fixes this is boring and effective: keep a running list of papercuts and small annoyances. Ship the obvious fixes immediately, but log the rest and address them together at the next deliberate pass. When feedback arrives, the first question is whether it changes the constraints, not what the fix is.

3. Prototype lock-in

When the first version gets built directly in the production codebase, it becomes the version. Refining it always feels cheaper than exploring an alternative, and every hour spent on it raises the cost of walking away. You end up with the best possible execution of the first idea anyone had.

Building in the real codebase also constrains the design in ways nobody chose: the generated version has to graft onto existing structure, so the structure quietly decides the layout.

The counter is to explore somewhere cheap. Figma, a design tool, or a throwaway HTML prototype. Somewhere abandoning a direction costs nothing, and three or four genuinely different options can exist side by side. Explore cheap, then build once.

4. Component patchwork

Every generated screen brings its own buttons. Ask for six screens across a month and you get six subtly different button implementations, five spacing scales and a small collection of greys that are all named something like "border".

This is the failure that compounds. The other three are recoverable in an afternoon. This one becomes a refactor.

Constraints are the input that matters

The most useful framing we know for design is nearly sixty years old and predates software entirely. Design is the process of fitting a form to a context. You set out the constraints you are designing for, generate options that satisfy them, and when you discover a constraint that must be added or dropped, you go back and start again with the revised set.

The step teams skip is the third one. It feels like backtracking. It is actually the only mechanism that keeps a design coherent as it meets reality.

What counts as a constraint is broader than most people assume. Type scale and spacing rules. The workflows that must be supported. The business-logic states a screen has to handle. What a user is doing immediately before and after this screen. How dense the data gets at the ninety-fifth percentile. Whether this has to work on a laptop in a warehouse.

The point is that you decide them. And this is precisely where AI is least useful and most dangerous: it will happily generate against constraints it inferred, and its inferences are the industry average. Feed it your real constraints and the output improves immediately. Feed it a vague prompt and you get the average, competently rendered.

A design system is the constraint that scales

All of which leads somewhere specific.

You can hold constraints in your head for one screen. Maybe for a sprint, if the team is two people. You cannot hold them across four engineers, two designers, a mobile app and eighteen months. Something has to carry them.

That something is a design system: tokens named for their purpose, components with every state defined, patterns that say which composition to use when, and governance that decides how any of it changes. In an AI-assisted workflow it does a job it never had to do before. It is the context you hand the model, the library it composes from, the tokens it must respect, the rules it cannot quietly invent around.

The difference in output is not subtle. Given a real system, generated UI arrives inside your visual language instead of inside the default kit's. Given nothing, every generation is a fresh roll of the dice and the patchwork starts accumulating on day one.

So the argument for design systems has inverted. It used to be about efficiency and consistency, and it was easy to defer. It is now the thing that determines whether AI is a multiplier or a mess generator on your team. If you plan to use these tools anywhere in your design or build pipeline, the system is not optional. It is what makes them safe to use at speed. What a design system actually contains covers the four layers and, just as importantly, when you are too early to need one.

One practical habit worth stealing: build components somewhere isolated before they touch the product. A showcase or sandbox route where a component can be exercised in every state, with long text, no text, error, loading, and dense data, before anything depends on it. It takes minutes and catches the things that otherwise surface in production.

How we work with AI

For transparency, here is what this looks like in our own product design work.

We use AI heavily in the middle of the process, in concept and prototyping. Three or four directions instead of one, clickable in days rather than weeks, tested with real people earlier. That has changed how much exploration a normal budget buys, and we hold onto our first idea far less tightly than we used to. We wrote about how the order shifted in how the design process is changing.

We do not use it to decide what to build. Framing the problem, interviewing users, choosing between directions on evidence, and setting the constraints all stay human, because that is where being wrong is expensive and where a model's confident average is worth least.

We collect references before we generate anything. Every good designer we have worked with starts a project by pulling together screenshots of things that solve a similar problem or land a similar feeling. That collection is also the best possible context to hand a model. Most interface problems have been solved somewhere; the skill is in choosing well and combining, not in inventing from nothing.

And we always end on a subtraction pass. Whatever came out of the generation, the last step is going through element by element removing what does not need to be there. It is the highest-return twenty minutes in the whole process.

FAQ

Will AI replace UX designers?

It has replaced a large share of production work and none of the judgement. The teams struggling right now are the ones who thought design was the production. The ones doing well use it to explore more options and spend the time saved on deciding better.

Can AI design a whole product?

It can produce something that looks like a whole product, which is not the same thing. It will not know your users, your constraints, or which of the plausible options is right. It also cannot tell you the thing worth building is smaller than what you asked for.

What are the best AI design tools right now?

The category moves monthly, so specific recommendations date fast. The more durable advice is about where you use them: explore in a real design tool where iteration is cheap, not in your production codebase where the first version becomes the only version.

How do we stop our product looking generic?

Two things, in order. Build a design system so generated work composes from your language rather than the default kit. Then run a removal pass on everything, because generic and cluttered are usually the same problem.

Do we still need a design partner if our engineers can generate UI?

Depends what is going wrong. If your screens look competent but the product is confusing, that is a constraints and hierarchy problem and a UX audit will find it faster than more generation. If everything works but nothing looks like you, that is a system problem. If neither is true, you probably do not need us yet, and we will say so.

The takeaway

Slop is not what happens when you use AI. It is what happens when nobody set the constraints, so the tool supplied the average instead.

Decide the constraints yourself. Explore somewhere cheap enough to throw work away. Remove more than feels comfortable. Put a system underneath so the decisions hold across a team and a year.

Do that and these tools are a genuine multiplier. Skip it and you get the industry average, rendered very quickly, in a product that looks like everyone else's.

If your product works but does not feel like yours, that is usually a system problem rather than a design problem. It is the first thing we look at in a UX audit, and we will tell you if it is a smaller fix than you expected.

Recent News

Copied to Clipboard