TryShadowing
Shadow YouTube. Speak English.
Home
Browse
Dictation
NEW
My Library
en
0
days
Sign in
Google just changed the future of UI… — Fireship shadowing | TryShadowing
TryShadowing
Shadow YouTube. Speak English.
Home
Browse
Dictation
NEW
My Library
en
0
days
Sign in
Home
Browse
Fireship
Google just changed the future of UI/UX design...
Google just changed the future of UI/UX design...
Fireship
·
4:50 · Mar 19, 2026
Start Shadowing
0:00
0:00
Record
×1
1x
VI
EN
JA
KO
ZH
FR
PT
TH
IT
DE
IPA
Pronunciation scoring isn't supported on this browser — you can still record and listen back.
For
years,
I've
refused
to
better
myself
Translating…
Turn on Record to capture your voice and get scored
Smart
Karaoke
Line
1
/116
0:00
For years, I've refused to better myself
0:02
as a web developer by getting really good at design
0:04
and tools like Figma.
0:05
Well, yesterday that decision finally started to pay off
0:08
because Google just murdered Figma by announcing a massive update to their vibe design
0:13
tool,
0:13
Stitch.
0:14
If you've never heard of it,
0:15
it's an infinite canvas tool
0:17
that allows you to easily generate designs for your UI UX needs like web
0:21
pages and app screens.
0:23
Designer Gary Simon is literally shaking right now.
0:25
If you are UI UX designer, you are living in the dark ages.
0:29
Because you don't need to start with a wireframe anymore.
0:32
You just start with a vibe.
0:33
You tell it what your product should feel like, who it's for,
0:36
maybe throw in a screenshot
0:37
or a URL of a design you want to steal,
0:39
or maybe just whisper into your mic like a lunatic.
0:42
Then it simply summons the devil straight from the hexagon of Saturn to build
0:45
a UI for you like magic.
0:47
But here's the crazy part.
0:48
It doesn't stop at static designs.
0:50
Stitch can instantly turn those into interactive prototypes
0:54
and simulate full user flows with a single click.
0:56
The tool just got an upgraded new slot renderer,
0:59
but the best new feature is actually a humble little design.md markdown file
1:04
that could completely change your app development workflow.
1:06
In today's video, we'll take a look at everything new in Google Stitch
1:10
and find out if it's just more hype
1:11
or a true game-changer for untalented designers.
1:14
It is March 19th, 2026 and you are watching The Code Report.
1:18
I've been failing to build a good UIs for nearly two decades now.
1:21
I still remember my very first website,
1:23
which took weeks of painstaking CSS work in Adobe Dreamweaver.
1:27
Luckily though, many years later design implementation got way easier thanks to tools like
1:32
Tailwind CSS.
1:33
But sadly, now AI tools like Stitch are killing the CSS tooling business.
1:37
A couple months ago, Tailwind had to lay off most of its team.
1:40
And honestly, it makes sense because Tailwind was never really about design,
1:44
it was about making implementation faster.
1:46
As a free and open source tool,
1:48
they tried to monetize the business by selling premium templates.
1:51
But in 2026, nobody buys premium templates anymore.
1:55
Why memorize utility classes like flex, BG blue dash 500, gap four,
2:00
and so on when instead you can just say build me a clean SAS
2:03
dashboard with good spacing
2:05
and modern typography?
2:06
And because of that reality, despite being more popular than ever,
2:09
Tailwind is now surviving on donations like a homeless person.
2:12
And check this out.
2:13
I really like the design system used on the fireship.dev website,
2:17
which was created by a real human named Lynn with real talent.
2:20
But because I'm lazy,
2:21
I can now just feed Google Stitch a website URL
2:24
and it will instantly build me a design system
2:26
that I can now use in any project.
2:28
And stealing is awesome
2:30
because now I can put this design system to work on my billion-dollar app
2:33
idea,
2:34
HorseTender.
2:34
I tell Stitch to build a homepage and it's done in 30 seconds.
2:37
And this isn't just some static image from Nano Banana.
2:40
Every element is an actual interactive component that can be modified individually.
2:45
I can make modifications here directly with AI
2:47
or even export them into Figma to edit them like a caveman.
2:51
In addition, everything is responsive
2:53
so I can spin up a prototype right here in the browser
2:55
and preview it on different devices.
2:57
But actually, we don't even need to type a prompt to work on a
3:00
design.
3:01
I can just talk directly to Gemini.
3:02
>> Hey, what are we designing?
3:04
>> HorseTender.
3:05
Are you looking to work on the landing page, the swipe stack,
3:07
or something else?
3:08
Uh, let's work on a chat feature.
3:11
Ooh, a chat feature.
3:13
That's essential for connecting those matches.
3:15
What kind of vibe are we going for?
3:17
Uh, let's make it kind of like Grindr.
3:19
Bold and modern it is.
3:21
I'll design a clean and energetic chat screen for you inspired by that aesthetic.
3:26
On it.
3:26
The new chat screen is ready.
3:28
I've gone for that bold energetic vibe with clean lines and vibrant colors.
3:32
Take a look.
3:33
What do you think?
3:34
Anything else you'd like to adjust?
3:35
Nope, that looks gay enough.
3:36
Thank you.
3:37
As you can see, Stitch is basically like having your own designer employee,
3:41
but it has one more trick up its sleeve.
3:43
If you remember the original design system we generated, well,
3:45
we can actually export that as a design.md file.
3:49
And now I can take
3:50
that file into a text editor
3:51
and easily use it in multiple projects,
3:54
or integrate it with other coding models like Claude or OpenAI Codex.
3:57
And that's huge, because it means consistent AI designs across multiple projects.
4:02
But, there's still one thing Stitch can't do, and that's implement reliable, bulletproof,
4:06
full-stack features like user authentication.
4:09
And that's why you need Clerk in your life, the sponsor of today's video.
4:12
Ronnie Coleman once said, "Everybody wants to build a B2B SaaS app,
4:16
but nobody wants to build those annoying ass enterprise features."
4:19
That's why Clerk created a single platform that lets you easily add auth,
4:23
user management, and billing to your app.
4:25
Their drop-in components enable your users to onboard their entire org with custom rules
4:30
and permissions.
4:31
And Clerk billing lets you implement subscription pricing tiers without having to write the
4:35
payment logic yourself.
4:37
The Clerk is the missing piece that'll help you actually release all the stuff
4:40
you've been bypcoding and building with agents.
4:42
And you can try it out for free at the link below.
4:45
This has been the Code Report.
4:46
Thanks for watching, and I will see you in the next one.
Like
Share
Fireship
View all →
C1
Technology
Karaoke
7:22
Tragic mistake... Anthropic leaks Claude’s source code
Fireship
1
C1
Technology
Karaoke
5:18
The wild rise of OpenClaw
Fireship
C1
Technology
Karaoke
9:10
The unhinged world of tech in 2026...
Fireship
C1
Technology
Karaoke
5:15
Google just casually disrupted the open-source AI narrative…
Fireship
C1
Technology
Karaoke
10:03
10 open source tools that feel illegal...
Fireship
C1
Technology
Karaoke
5:36
He just crawled through hell to fix the browser…
Fireship
C1
Technology
Karaoke
5:36
Claude Mythos is too dangerous for public consumption...
Fireship
C1
Technology
Karaoke
5:00
Anthropic just released the real Claude Bot...
Fireship
Suggested videos
B2
Technology
Karaoke
17:24
Driving Xiaomi's Electric Car: Are we Cooked?
Marques Brownlee
B2
Technology
Karaoke
8:47
Macbook Neo Impressions: Reincarnated!
Marques Brownlee
B2
Technology
Karaoke
11:51
Xiaomi 17 Pro Max: An iPhone... But Better!
Marques Brownlee
B2
Technology
Karaoke
16:11
The Problem with this Humanoid Robot
Marques Brownlee
B2
Technology
Karaoke
10:47
So This is Peak Foldable
Marques Brownlee
B2
Technology
Karaoke
12:52
OnePlus 15 Review: This is Not Normal!
Marques Brownlee
B2
Technology
Karaoke
32:38
Smartphone Awards 2025!
Marques Brownlee
B2
Technology
Karaoke
12:53
Macbook Neo Review: Better than you Think!
Marques Brownlee
