Google Stitch 2.0 Tutorial: From Sketch to Code with Gemini 3.0
4.7万 次观看 · 2026-01-01
UI 设计
How to use Google Stitch 2.0. Google just dropped Stitch 2.0, and it’s a game-changer for developers, designers, and founders. Powered by Gemini 3.0 Pro, this AI agent doesn't just generate images—it builds production-ready React and Tailwind code, editable Figma designs, and clickable prototypes.
In this video, I’ll show you how to turn a text prompt into a mobile app, use the new "Heatmap" feature to predict user attention, and even how to turn a messy napkin sketch into a working login screen.
🔗 Try Google Stitch 2.0 here: https://stitch.withgoogle.com
In this video:
0:00 - Introduction: From Napkin to Code
0:42 - Who is this for?
1:15 - Text-to-UI: Building a Crypto Dashboard
3:29 - Edit Theme and Create Variations
5:31 - View Code, Export & Download
6:40 - Creating a Website: SaaS Landing Page Demo
8:19 - Image-to-UI: Turning a Sketch into an App
8:45 - Pro Features: Attention Heatmaps & Prototypes
In this video, I’ll show you how to turn a text prompt into a mobile app, use the new "Heatmap" feature to predict user attention, and even how to turn a messy napkin sketch into a working login screen.
🔗 Try Google Stitch 2.0 here: https://stitch.withgoogle.com
In this video:
0:00 - Introduction: From Napkin to Code
0:42 - Who is this for?
1:15 - Text-to-UI: Building a Crypto Dashboard
3:29 - Edit Theme and Create Variations
5:31 - View Code, Export & Download
6:40 - Creating a Website: SaaS Landing Page Demo
8:19 - Image-to-UI: Turning a Sketch into an App
8:45 - Pro Features: Attention Heatmaps & Prototypes