Google Stitch: Build App Designs with AI in Seconds

Google's always up to something and this morning there's no difference Google just dropped stitch It is a UI and UX design tool. They did to Designing what AI vibe coding tools did to development. I'm not gonna waste any more of your time I'm gonna show you how this thing works. Just hit start design and It is proper vibe designing. All you have to do is pick whether you're doing web or mobile Design a full mobile application for fitness I want this to be a video app that stores and shows different workouts. I want images and videos I want a whole intro setup flow and then I want all the different categories including the workouts with details and You just hit generate design and what stitch is going to do is it's not only going to give you some Ideas and inspirations is going to actually design all of the flows for you Literally in seconds and just like that. It's going to create six different screens For our fitness app if you've been struggling with design I've been playing with this tool now and I've already used it for two of my projects that I'm currently working on It works. The quality is amazing. Google gets it I don't know how they do this and the fact that you can edit and modify each one of these is incredible All right. Check this out. Here are the results this literally took 50 seconds Full flow sign up screen login screens your personalized experience flow It's got the actual video categories It's got all the different workout categories that you want to do. And of course you have all your analytics You're tracking everything done in one swoop But here's where it gets crazy each one of these are independent screens like you would see in other image editors But you could go in and just say I want to change their color scheme to use purples and blacks Super high contrast you're able to modify these designs Literally with natural language. You don't have to go into the individual screens I want to take and create new screens for you So it's not even gonna break the original designs is going just to create a whole new set for you And then you can compare and make adjustments and just like that update is done another 30-40 seconds now we have this nice purple and black theme and then I can go in for example click into any of these and Up here. There is an ad design in chat. So what this will do is this will take your actual design specifically and Goes into the chat and then you can modify just this screen so I could say something like I Want the images to go across the screen 100% and just like that the update is done now The images are full-width. Look how beautiful this looks The fact that it can do this in a matter of seconds and the great part is this isn't just some visual representation This is actual code that you could then copy and bring into any of your editors any of your no code tools Paste it in and it's gonna give you the exact designs and what's better is you could actually bring it right into Figma and this is exactly the type of projects people are actually building inside of our community So I recently launched AI builders, which is our no code 21 day AI boot camp that helps Non-technical founders idea people even developers get their projects actually made from start to finish. We have 328 members in a matter of weeks people are in here actually building. We have a full curriculum from start to finish ideation validation Building with no code with our three-step framework and then launching to the public using organic traffic page Strategies waitlist all the stuff you need to actually be successful when it comes to building your first sass building games building applications for mobile This is what we do. We also have some weekly calls and we have people in here winning This is the best part about it. It's a thriving community We have hundreds of people going through and the best part about it is people are actually launching So we have drew launching products Daniel just launched. We have Robert with a new dashboard that he just launched Which is a PDF reader so real products being made all in 21 days Some are doing even faster and it's been really fun. So just a little selfless plug, but I do appreciate you guys I wanted to create something for you all of the YouTube fans who always say hey Where are we going to be able to actually learn this stuff more than just watching YouTube videos? So there you have it AI builders come hang and come build with us Let me show you how web works and let's just take one of these examples Make me a landing page for a homemade pizza cooking elite class happening once a year in Napoli. I love Napoli. It's amazing I think their pizza is the best we we actually went there for me and my wife's Honeymoon, and it definitely was an incredible place if you guys haven't been Just like that, we're gonna get a web design for a full landing page with natural language in a matter of seconds and Voila master the out of a tent in Napoli pizza Sorry for my Italian look at this We got beautiful navigation super clean reserve your spot about the class class details meet our instructor chef Marco Rossi We got some testimonials and then we have a nice beautiful call to action really clean really simple but you can see the power the design quality of this is Definitely what I'm most impressed with and then what's great is once it makes them the web version You can click right up here to mobile and you can see what it looks like on the actual mobile, which is clean My favorite part is the editing. So if I go into editor mode and switch that in I could then say I Want you to make the design a lot more? traditional Italian colors and look and feel Just like that we now have a design that is a little more simple clean with some more traditional colors and Then here's the best part now since we have our design All we have to do is go in and copy this code and then bring it into your favorite tool Any no code tool and then you're gonna get this exact design inside of your project So I just copied that inside of lovable right here All I did was I opened a new project copied that and look at this in two Seconds. I have the exact clone of our design that was done in seconds Inside of lovable and now I could start building out this whole project craziness This would normally take hours to design if not days to design you got to write all the copy You got to create all the sections You got to code everything up and then you got to bring it in and actually do it inside of a no code tool This was all done in a minute. We are living in the craziest times right now What you can now do is limitless You could just come up with ideas in a matter of seconds build them out go into your no code tools Get them done and it's going to look professional. But here's the best part right now. We're in experimental mode Let me show you what standard mode can do this will allow you to actually bring your designs into figma and then modify them to Break them up and build them step by step design screens for a food calorie counting app that scans your food in real time and Tells you the calorie and protein breakdown and there we have it. We have a full calorie scanning app We got our scanner. We got our details. We have our log We have our progress of everything we're doing and then we have our profile page in a matter of seconds and you might be thinking Oh, it just looks like the other ones. Don't worry about that. Check this out. I Want you to make a white version now with a lot more vibrant colors So it's not just black and white and there you have it just like that in a matter of seconds now we have three Different ones with the white color. So all you have to do is you have to go up here. You have to hit copy figma Go into figma and just hit paste and now you have the design inside of figma and Then bring it into your tool whether you're building in Swift doing Xcode native react native any of the vibe coding tools It's able to do all of that for you and you might think oh, what the hell am I gonna do with an image? It's actually not chopped up. But guess what if you click in here you can go in It is the actual design all the sections are broken down for you inside of figma So you could then modify these designs any way you want when I saw this for the first time I thought it was just gonna import the image and I was like, oh, I'm gonna have to actually chop it up myself No, no. No, it actually codes it that way So when you bring it into figma and then decide to bring it into a no code tool It does all of the sections for you So you can change how you want the sections to look you could change the color right inside of figma easily Yeah, go have a play. It's free right now and Google in my opinion is an absolute beast. I've been saying from the beginning It's gonna take them a minute to start but once they get going and cranking they have everything they have the infrastructure They are gonna be they already are the top player, but they're gonna I think be the winner of this AI race They've been doing AI for 15 years as we've seen in the past and I don't think they're stopping anytime soon So hope you guys enjoyed that definitely come hang out. We have our community. I would love to have you in there We have more people coming in every single day And it's just fun to have a community of actual builders and not just people watching YouTube videos So if you guys are serious if you do want to start your journey Whether you want to build an app or a game or some type of sass All the links are below and of course go try stitch and let me know what kind of designs you guys got Alright, I'll see you in the next one. Peace