How I Design with AI: De-Slopping Product Design
A practical guide to avoiding generic, AI-generated design slop. The author outlines seven steps: consider the whole by laying out constraints, remove unnecessary elements, iterate in a design tool like Figma, use components and libraries, leverage preview deploys with real data, steal from existing solutions, and explore your taste. Emphasizes avoiding reactive spot-fixes and using AI to generate variants while maintaining human oversight.
The temptation is to spot-fix but that road leads to ruin.
- seizethecheese
The insight about agents loving to add stuff is spot on for more than just design. They'll do this for technical architecture, adding unnecessary guards, complexity to cover irrelevant edge cases. They'll do this for writing too, unnecessary caveats, clarifications, etc.
- yipinwong
This feels like it can be a "skill" :)
Anyways, one thing to point out is the "constraints". Constraints are something you cannot change (and AI should abide to it).
I liked the fact that the author used "add" or "remove", and not used "modify/update" because constraints should be added or removed only unlike non-functional requirements, which can be modified.
---
The author's recommneded book "Notes on the Synthesis of Form" looks cool (will check it out)
- Vishal_Max
Thanks for sharing this, mate.
Lately, I’ve been trying to design some websites completely using AI as side projects, and all I’ve gotten is disappointment at how AI-ish the websites can look and how easily people get repelled just by seeing them.