u/Alternative-Pitch715

I’m building an AI UI canvas and testing it with early users, and I realized people are completely brainwashed by 10-second viral demos.

A tester sent me a screenshot of a dark-mode layout today saying it was a "game changer" because it generated instantly. Cool. But generating UI is not the hard part anymore.

The real problem: what happens when you actually try to edit it?

What happens when your client says "make that logo 10px smaller" or "change the gap on this flexbox"?

In almost every AI tool out there right now, the second you touch the layout, it shatters like Jenga. You're locked out of manual control. The output isn't a native, editable component-it’s a fragile prototype masquerading as a website.

If a tool doesn’t let me manually edit the grid, adjust padding, or swap divs without triggering a cascade of broken CSS, it's just a toy. I end up just rebuilding the whole thing from scratch in Figma or VS Code anyway.

Am I the only one who thinks we're optimizing for the wrong thing? At what point in using tools like claude , paper or stitch do you usually just give up, throw the AI output away, and code it yourself?

We kept running into the same issue with AI UI tools: the first draft looks fine, but one small edit and the rest of the layout starts drifting.

That’s what pushed us to build Scytle as an editable canvas instead of a chat-only flow.

The AI generates the first draft, then the page drops into a ReactFlow workspace where you can edit the layout directly without re-prompting everything.

We’re still early and would really value blunt feedback from people who’ve tried these tools before.

Live link: https://www.scytle.com/

I can get a decent first draft fast.
My issue is what happens after one small edit.

Today I changed only one thing in a pricing section: card padding from 24px to 16px.

After that:

• heading wrapped differently
• CTA alignment shifted
• mobile spacing changed

So a 2-minute tweak became ~20 minutes of cleanup.

This is the pattern I keep hitting: local change, non-local breakage.

How are you handling this in real projects?

• lock/freeze sections before reprompt?
• switch to manual edits after first draft?
• rebuild that block from scratch?

This keeps happening to me:

I get a decent AI-generated UI.

I tweak spacing or hierarchy in one section…
and suddenly nearby blocks start drifting.

What should’ve been a small change turns into cleanup across the page.

The frustrating part isn’t generation speed anymore.

It’s that feeling where one edit breaks the overall balance -
and you lose confidence in the layout.

Curious if others hit this too.

What kind of change usually starts that domino effect for you?