← Back to Library

Claude Code + Stitch 2.0 = Web Design GOD

Chase H · Chase H AI · · 15 min read
Commentary by Brian Edwards

{"content": ["The New Tool That's Killing Figma's Stock Price

Chase H. argues that Google just dropped something extraordinary — and it's free.

Yesterday, Google released Stitch 2.0, a front-end design tool powered by Gemini 3.1. The result: Figma's stock dropped nearly 8% in a single day. Why? Because Stitch does what no free tool has done before — it generates high-quality web page designs from simple text prompts and screenshots.

This isn't about replacing Claude Code. It's about filling the one gap that agentic coding tools have struggled with: visual front-end design.

The Workflow That Changes Everything

The process is surprisingly straightforward. Users start by visiting Stitch and selecting either Flash 3.1 or Pro 3.1 — the latter producing stronger results despite being slower.

Then comes the real magic. Users can upload screenshots from sites like Dribble, Godless, or Pinterest to serve as inspiration. They paste that screenshot into Stitch, describe what they want, and Gemini generates a complete design system automatically — including primary colors, secondary colors, typography, button styles, and layout conventions.

The design appears on an infinite canvas where users can regenerate variations instantly, edit individual components, preview in full screen, or use the live mode feature to have a conversation about adding motion graphics or cursor effects directly within the design.

Exporting to Production Code

Once a design feels right, exporting is simple. Users click "more," select "view as code," and copy the output. Then they paste it into Claude Code, which generates the working front-end in approximately 60 seconds.

The result isn't perfect — some images remain generic, and certain elements still need refinement. But users get an 80-90% finished product without spending tokens inside Claude Code at all. The foundation is solid enough to then push to platforms like 21st.dev or GitHub for deployment.

"This buys us a ton of room to iterate, iterate, and really get our creative vision locked on."

Critics might note that Stitch's output still requires significant human refinement before production — it's a strong starting point rather than a finished product. The live mode conversation feature appears experimental, and its actual capabilities remain unclear.

Bottom Line

The strongest argument for this workflow is simple: it costs nothing, it produces genuinely usable design, and it fills the exact gap that agentic coding tools have missed. The vulnerability? This is still early technology — Google likely poured significant resources into Stitch to compete with Figma's dominance, meaning expect rapid iteration and improvement. For developers seeking a fast path from inspiration to deployable code, this approach now exists where it didn't before."}

Transcript excerpt on Chase H AI

If I wanted to build a beautiful website today, I wouldn't start inside of Cloud Code. Instead, I would start here. The brand new Stitch 2.0 from Google. Now, Stitch just got a huge update yesterday to the point that Figma stock dropped almost 8% because of it.

And that's because it gives us a free and effective way to show up one of the only weak points of cloud code, front-end design. Now, Stitch isn't replacing Claude Code. It's something we're going to use with clawed code. And by doing so, we are going to have a workflow that allows us to consistently create high quality websites with AI that don't look like AI slot.

And in this video, I'm going to show you exactly how it works, how to get the most out of it, and how to integrate it with cloud code. So, Stitched allows us to create highquality front-end design mockups for our web apps and our mobile apps. And again, it's completely free. It's powered by Google.

We have Gemini 3.1 under the hood, which is great at front-end design work. And again, this is kind of a weak point of cloud code. Even when we use things like the front-end design tool or the UIUX Pro Max skill, it leaves something to be desired. On top of that, when it comes to doing front-end design and visual work in general, I think having a canvas like this where I can see everything on one page where I can very quickly take a look at prototypes and how it looks is a huge value ad.

Right? On top of that, it's really easy to edit here inside of Stitch. I just hit the edit button. I can deal with individual components.

I can edit the layout at large. I can regenerate the layout completely two, three, four times at once. So, what this allows us to do is essentially speed up the entire design process. Because if you do this inside of cloud code, you know, it can be kind of laborious where even if I'm using all the skills, even if I'm throwing it screenshots, right, we're having it generate, spin up the dev server, switch between tabs, and at the end of the day, you'll still have to do that at the end.

But if we can get an 80% 90% solution here ...

Watch on YouTube →