Stitch → https://goo.gle/4njvHU6
Introducing “vibe design” with Stitch → https://goo.gle/49dPdMj
If you've ever shipped an app that worked perfectly under the hood but looked like it was built in 2003, this episode is for you. Designing beautiful, responsive user interfaces is notoriously difficult, but what if you could outsource the heavy lifting to an AI? In this episode, we explore Stitch, Google Labs’ AI-powered UI generation tool that acts as your personal creative director, building stunning interfaces on the fly without writing a single line of initial CSS.
Host Nohe sits down with David East, DevRel Engineer at Google Labs, for a complete walkthrough of the Stitch platform. You'll see David design a fully custom Maryland crabbing tour website from scratch, establish non-negotiable constraints like color and theme, and dive deep into Design.md—the secret file that translates your creative intent into tokenized AI values. The episode also features an incredible demo using the Gemini CLI and the Stitch MCP server to pull down production-ready HTML and Tailwind CSS straight to your local environment, followed by a rapid-fire "hot takes" round on the future of frontend engineering.
Whether you’re a backend developer avoiding Flexbox or a seasoned architect looking to speed up your prototyping, you'll walk away from this episode knowing exactly how to prompt an AI for highly-specific UI designs. You'll learn the concept of "semantic compression," how to leverage design variants, and why treating AI as your creative partner rather than just a code generator yields the best results.
Chapters:
0:00 - Introduction to David East & Stitch
1:43 - What is Stitch? The AI design agent
6:08 - Getting started in the Stitch UI
14:43 - Why Design.md is the secret sauce of AI design
21:47 - Generating design variations in Stitch
30:18 - Extracting HTML and Tailwind CSS directly
34:14 - Gemini CLI & the Stitch MCP Server
40:21 - Let AI write the complex CSS grid instructions
41:47 - Hot Takes: Is app development all agents now?
More resources:
Bad at CSS → https://goo.gle/48Ogwws
Google Labs community → https://goo.gle/48UzKk5
David East’s website → https://goo.gle/4txjQUf
Speaker: Nohe [@nohedev], David East [@_davideast]
Watch more of The Agent Factory → https://www.youtube.com/watch?v=qBOvM7SiDa4&list=PLIivdWyY5sqLXR1eSkiM5bE6pFlXC-OSs
? Subscribe to Google Cloud Tech → https://goo.gle/GoogleCloudTech
Products Mentioned: Google Stitch, Gemini, Gemini CLI, Google Labs, Firebase, Firebase Studio, Jules, Tailwind CSS, HTML/CSS, Jetpack Compose, Swift UI, Flutter, React, Model Context Protocol (MCP)