How I Design with AI

#1

Post by reactiverobot » Fri, Aug 28, 2026, 5:18 PM UTC

Re: How I Design with AI

#2

Post by seizethecheese » Fri, Aug 28, 2026, 5:49 PM UTC

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.

Re: How I Design with AI

#3

Post by firemelt » Fri, Aug 28, 2026, 5:53 PM UTC

anyone know how to design webapp effectively using claude design?

because I feel always end up with similar web designs everytime I tell claude to revamp my web app

Re: How I Design with AI

#4

Post by yipinwong » Fri, Aug 28, 2026, 5:56 PM UTC

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)

Re: How I Design with AI

#5

Post by esafak » Fri, Aug 28, 2026, 5:57 PM UTC

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.

There is money to be made.

Re: How I Design with AI

#6

Post by samtimalsina » Fri, Aug 28, 2026, 5:57 PM UTC

firemelt wrote: post #3

anyone know how to design webapp effectively using claude design? because I feel always end up with similar web designs everytime I tell claude to revamp my web app

Had some success with https://impeccable.style/

Re: How I Design with AI

#7

Post by yipinwong » Fri, Aug 28, 2026, 5:58 PM UTC

firemelt wrote: post #3

anyone know how to design webapp effectively using claude design? because I feel always end up with similar web designs everytime I tell claude to revamp my web app

The author's way is more bespoke (and less aislop path), so if you are not familiar with web design, you might get lost.

Since you gotta start somewhere, If you are prototyping without web design experience, navigite to https://getdesign.md/ and find ones you like and make AI use it.

Re: How I Design with AI

#8

Post by Vishal_Max » Fri, Aug 28, 2026, 5:59 PM UTC

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.

Re: How I Design with AI

#9

Post by yipinwong » Fri, Aug 28, 2026, 5:59 PM UTC

samtimalsina wrote: post #6

firemelt wrote: post #3

anyone know how to design webapp effectively using claude design? because I feel always end up with similar web designs everytime I tell claude to revamp my web app

Had some success with https://impeccable.style/

This seems like a good next step. ty for sharing as first time seeing it.

Re: How I Design with AI

#10

Post by Gualdrapo » Fri, Aug 28, 2026, 6:17 PM UTC

This kinda sounds like so-called "design thinking" but with ai and extra steps