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.
> This should be very familiar because agents do exactly the same thing in code and plans. They love belt-and-suspenders, wrapping an extra try-catch or re-implementing the same utility over and over.
Less is more. When you end up creating something try to strip away all the bloat and only use the essentials (nav bars/menus) and then iterate on that with fonts that you like or pleasing colorschemes. My best go to piece of advice is to just go here https://color.adobe.com/create/color-wheel and mess around with the various color harmonies until you get something you like. Then you take that font + color scheme back into Claude Design and tell it to apply it to your stripped down design.
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)
My pain point is that design tools imitate Figma in using JSON to represent the design, which originates in JS, but without rendering it into HTML and CSS to get a pixel perfect representation. Instead, the MCP imagines what the JSON will be, and it is never perfect.
So the existing tools can't even go in one direction accurately. None of them let you edit the 'rendered' visual and reflect it accurately back to code, or sync with Figma.
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.
9 comments
[ 0.20 ms ] story [ 27.8 ms ] thread> This should be very familiar because agents do exactly the same thing in code and plans. They love belt-and-suspenders, wrapping an extra try-catch or re-implementing the same utility over and over.
because I feel always end up with similar web designs everytime I tell claude to revamp my web app
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)
So the existing tools can't even go in one direction accurately. None of them let you edit the 'rendered' visual and reflect it accurately back to code, or sync with Figma.
All this to say, there is money to be made...
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.