3 ms·

AI beige slop: why does most auto‑generated UI looks the same

2 points by JonathanLiem 8mo ago

JonathanLiem 8mo ago
> I’ve been playing with Cursor / Claude / Figma for UI work and I’m starting to think “AI beige slop” is a real aesthetic. > Every time I ask for a layout I get the same thing: full‑bleed gradient, rounded cards, way too many shadows, Tailwind presets everywhere. It’s like the models have memorized 10,000 Dribbble shots and just average them together. > There’s no taste. No hierarchy. No sense of “this is the one important thing on the screen, everything else is supporting copy.” It’s all primary buttons and hero gradients fighting for attention. > Worse, when you do try to steer it – “take this specific layout, don’t change the structure, just nudge the typography/spacing” – it tends to blow everything away and redraw the whole page, but slightly more beige. You end up babysitting it like a junior designer who only knows how to copy Figma community kits. > I still like these tools for wiring logic and cranking out boilerplate React/Tailwind once I already know exactly what I want. But as an actual visual designer? Right now it mostly just makes it faster to ship the same, forgettable SaaS UI everyone else has. Out of frustration, I created my own tool in 8 hours; automotion.dev and it's honestly been amazing in my workflow. Would love any feedback if any.
- JonathanLiem 8mo ago
  would love any feedback anyone has, I'm thinking of building a direct MCP to Cursor/Claude. If you willing to hop on a 15 minute call with me, I'll give you free unlimited access. - A Frustrated Founder.
- onetokeoverthe 8mo ago
  [dead]
ben_w 8mo ago
They all look the same because it's one mind, constantly reset each time. As a 90s joke goes: if you've talked to one Borg, you've talked to them all.
delaminator 8mo ago
VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.

2 points by JonathanLiem 8mo ago

> I’ve been playing with Cursor / Claude / Figma for UI work and I’m starting to think “AI beige slop” is a real aesthetic. > Every time I ask for a layout I get the same thing: full‑bleed gradient, rounded cards, way too many shadows, Tailwind presets everywhere. It’s like the models have memorized 10,000 Dribbble shots and just average them together. > There’s no taste. No hierarchy. No sense of “this is the one important thing on the screen, everything else is supporting copy.” It’s all primary buttons and hero gradients fighting for attention. > Worse, when you do try to steer it – “take this specific layout, don’t change the structure, just nudge the typography/spacing” – it tends to blow everything away and redraw the whole page, but slightly more beige. You end up babysitting it like a junior designer who only knows how to copy Figma community kits. > I still like these tools for wiring logic and cranking out boilerplate React/Tailwind once I already know exactly what I want. But as an actual visual designer? Right now it mostly just makes it faster to ship the same, forgettable SaaS UI everyone else has. Out of frustration, I created my own tool in 8 hours; automotion.dev and it's honestly been amazing in my workflow. Would love any feedback if any.

JonathanLiem 8mo ago
would love any feedback anyone has, I'm thinking of building a direct MCP to Cursor/Claude. If you willing to hop on a 15 minute call with me, I'll give you free unlimited access. - A Frustrated Founder.
onetokeoverthe 8mo ago
[dead]

ben_w 8mo ago

They all look the same because it's one mind, constantly reset each time. As a 90s joke goes: if you've talked to one Borg, you've talked to them all.

delaminator 8mo ago

VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.