Up next in 10
🎨 Google Stitch AI is INSANE Generates UI Design of Web & Mobile Apps DESTROYS Claude & Gemini??
Sep 3, 2025
Check the full description to see all Payment Links to Buy Source Code:
Buy the Source Code with PayPal (in USD):
https://www.paypal.com/ncp/payment/5AGGYJECQVZJC
Live Demo of App:
Buy the Source Code with Stripe (in INR):
https://buy.stripe.com/5kQ4gB8rCbcydjD4Vm14f1J
More Payment Options:
Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions
https://youtu.be/Bon8Pm1gbX8
Hi Join the official discord server to resolve doubts here:
Show More Show Less View Video Transcript
0:00
So welcome to this live stream. So in
0:01
this live stream I will show you Google
0:03
has launched a new tool for programmers
0:05
and UI developers. It's called as Google
0:08
stitch AI. If you go to Google simply
0:10
type this Google stitch AI. It's a free
0:13
tool for programmers. You can try this
0:15
unlimited number of times. So what this
0:17
tool does it actually you write the
0:19
prompt and after that it will generate
0:21
the UI design code HTML CSS code for
0:25
you. So this is the actual landing page
0:28
of this. You can directly go to
0:30
stitch.with.google.com.
0:33
So it's in beta phase. You can try this
0:35
for completely free and it generates UI
0:38
for mobile applications, web
0:39
applications. So right here inside the
0:41
chat prompt, you simply actually
0:44
describe here what sort of uh UI you
0:47
want to generate. So I will simply say
0:48
that generate
0:50
the Google clone
0:55
landing page
0:57
UI code
1:00
in HTML and CSS. So right here I'll just
1:04
click web here and click on generate
1:08
design. So now as soon as you click the
1:11
generate button it will start generating
1:13
the UI design and uh you will see that
1:16
on the right hand side all the source
1:18
code will be generated for you HTML CSS
1:21
source code. So right here I simply told
1:24
the AI to generate the Google clone
1:26
landing page. So it can be a great
1:28
alternative to a claude Gemini and GPT5.
1:35
So I will simply say yes.
1:43
So now it is it will generate the UI
1:47
design for you. So you can see that it
1:50
is generating the UI design for you.
2:03
So for this to use basically I log in
2:06
with my Google account. So you can even
2:08
also login if you are landing on this.
2:11
So right here it is the AI is preparing
2:14
a UI design for me similar to Google
2:18
Google like landing page. So right here
2:21
you simply write and the AI will do the
2:24
job for you. So it's a great tool for
2:26
designers. So as you can see uh it
2:28
generated the UI design for you.
2:34
The design has been successfully
2:36
generated. You can edit the design by
2:38
clicking the pencil icon. And uh you can
2:41
use also view it inside full screen as
2:45
well. So now if you want to see that
2:46
code right here, it automatically
2:48
generated the source code as well. As
2:50
you can see this is the HTML code and
2:53
the CSS code which is required for this.
2:56
And you can simply copy this code to
2:58
clipboard and simply paste. And right
3:01
here you can directly paste it and
3:04
simply view it inside your so you can
3:07
see it directly created a fullyfledged
3:10
landing page of google.com
3:13
and instantly. So this is a very useful
3:16
tool for coders and designers if you're
3:18
looking forward. It's completely free
3:20
and if you also have a Figma you can
3:23
also copy this to Figma as well. So,
3:29
and the another thing about this AI
3:32
editor is basically if you have an image
3:36
that you want to clone, you can even
3:38
submit an image. So, we have this option
3:41
right here.
3:43
So, you can basically attach a sketch,
3:46
mockup or visual inspiration. So if you
3:49
are want to share a screenshot of a
3:53
specific uh
3:56
let's suppose I go to my website
3:59
freemediatools.com
4:00
and you just need to take the screenshot
4:03
of the UI.
4:05
So right here I basically take a
4:07
screenshot of this UI
4:13
and basically save it.
4:19
And then from this we can simply
4:25
right here we can
4:28
simply select the screenshot that we
4:30
taken and right here we attach the
4:32
screenshot and we will simply say
4:35
generate the design for this
4:40
and simply uh the AI will look at this
4:43
image that we taken. So this is my
4:46
screen design of the screenshot of the
4:49
design of the website I submitted to the
4:51
AI right here. And now we selected the
4:54
mobile application. So now it will
4:56
actually generate similar design that we
5:00
attached using this image and the AI
5:03
will generate this design for mobile
5:04
application this time. So you can
5:07
basically design the UI for both mobile
5:11
and web applications using this tool. So
5:14
you simply submit and now it basically
5:17
generated the design for you. So it's
5:19
similar to the that I submitted the
5:24
uh the image here. So if you want to see
5:28
the code here uh it basically generated
5:30
the code for you. So you can see that.
5:33
So
5:37
again you can simply copy this code and
5:40
this is simply for mobile devices as you
5:43
see.
5:45
So you can see it generated this design
5:47
for us the layout structure as you can
5:50
see all these buttons
5:54
and similarly uh you can do this
5:56
unlimited number of time. So there is no
5:59
restriction out there. There is no
6:00
subscription fees that you need to pay.
6:02
It's completely free and unlimited tool.
6:04
You simply select what sort of design
6:06
you want to generate either web or
6:08
mobile. And right here you can basically
6:13
say create a
6:16
Google Drive clone UI.
6:20
Simply submit and then
6:23
the AI will create a Google Drive clone
6:26
user interface for you which will also
6:30
contain the source code as well. So,
6:36
so just click make them all. So, it will
6:39
actually make all the screens for you
6:41
for this Google Drive clone application.
6:45
So, you can see it can also create
6:48
multiple screens, multiple UIs for your
6:51
application. So, it if it contains
6:53
multiple pages, you simply say make them
6:56
all the pages UI.
6:59
So it's a good tool for designers. If
7:02
you are not good at designing, you can
7:04
basically give that job to the AI. So
7:07
the AI will do the designing for you and
7:09
you simply copy the code of HTML CSS and
7:13
it will save you a lot of time. You
7:15
don't need to design the UI from
7:17
scratch. You can use this tool Google
7:19
stitch AI to actually create a design.
7:23
Simply
7:25
submit the prompt here what sort of
7:27
application you are building. Uh then it
7:29
will suggest you all these designs
7:31
created by the AI
7:34
and every time this AI generates unique
7:36
designs as it is a Google product. So
7:39
now you can see it generated some
7:42
designs here. This is
7:51
you can even see the source code as
7:52
well.
8:13
So this is as you can see it generated a
8:16
unique design but it's similar to Google
8:18
drive as you can see this is one view
8:20
this is a second view as you can the
8:26
so these are the three screens that it
8:28
generated. This is the third screen
8:31
where all the files will show with the
8:33
thumbnail. So as you can see right here
8:36
uh this is the all the source code is
8:40
available. So you can simply copy this
8:42
code and paste it.
8:56
So as you can see uh it's very useful
8:59
tool guys. You can see we basically
9:01
developed the UI structure of Google
9:03
Drive in minutes. You simply submit the
9:06
prompt and then it basically makes the
9:08
UI for you. And now you simply need to
9:11
make the logic of the application and it
9:13
will it's completely responsive as you
9:15
can see you can increase the size it's
9:18
completely responsive
9:21
and uh this is one screen and this is
9:24
the second one as you can see
9:28
which actually shows the pagination as
9:30
well. So right here you basically
9:32
provide what sort of prompt that you
9:34
want to generate
9:36
from Google do Google stitch AI. So this
9:40
is the AI for coders and programmers.
9:42
Definitely check out this
#Programming
#Software
#Business & Productivity Software