The New Google Stitch - Are Designers Finished?

Oh my god. All right, everybody. Google Stitch completely just revamped everything and it's another day, another design tool, and just another example of how we are all cooked as designers. All right. Uh, probably not. We're going to find out right now in this video. This is my first time actually trying the new system. It was released yesterday. And I'm just going to give you my honest feedback as a designer of like practically 30 years. And at the end, I'm going to integrate a challenge for my 30-day AI native design challenge series where we use Google Stitch or you use Google Stitch rather and submit your entry to the ongoing challenge that I have at my site designcourse.com. All right. So, at Stitchwith google.com, basically we can choose two different modes, web or app. Um, you can choose the model here. We just get the best one. It's going to take a little bit longer. Don't worry, I'll speed past this. 3.1 Pro. And then we can see over here there's a little like area for like uh your color schemes. There's not many and you can't customize them. Um but you I'm just going to choose let stitch decide. Um and then additionally I'm going to add or drop in a file. It's a PRD for um a fictional AI landscaping ser. It's not fictional. I'm actually building as a part of the claude course which is releasing next week. So check that out. Um and we're going to see what it does. you know, even though I'm I'm I'm taking care of most of the design myself in that course, we're going to see what Google Stitch will do with the actual PRD and I and if I ask it to build a landing page for this service, right? So, generate a modern, professional, unique landing page based on this PRD file, it should have at least five to six different sections and sell the service as well as it possibly can make it for desktop and choose a relevant color scheme. This is how most people use Vibe designing type tools. So, I'm sending this over and while this works, obviously it's having me click that again. That's kind of strange. But yeah, let's go ahead and send that over and we're going to find out, you know, just that was quick, by the way. I mean, I didn't do any editing. This is uh that was actually pretty kind of cool. Uh because it's it really just it it extracted everything extremely fast, but we'll see what it ends up producing. Anyhow, um the UI is actually kind of cool looking. They've integrated some, you know, interesting little hover effects here that I'm seeing. Again, I'm seeing this for the first time. This is my honest feedback. Let's see what it actually ends up producing. Okay, so here's the color scheme that I it created. Um, again, I I don't want to judge it until I actually see the design. And it looks like this is going to be where it's generating the design. And here it is. Okay, honest first few seconds feedback here. here. And by the way, that only took like a minute or something, so it is pretty fast. The my my honest feedback here. Um, this is still it's still mid, you know, I mean, a top tier designer is going to make something quite a bit better than this. Um, so again, I don't think we've gone through, you know, any type of major leap or transformation with Google Stitch here in their new version. Um, again like this, you would never see somebody or a designer who's, you know, decent do something like this. You know, this this right here would really need to be on its own. I don't even know how you would modify this. Uh, because I'm trying to like select elements and I can't. It looks like there's a modify um edit. Okay, so you go into edit mode. Um, and there's no visual builder, it seems. I can't. Okay, so I guess I can edit the text. Start. No. Kind of having a hard time figuring out how you edit the text. I click edit text. I start. What the heck? It had it all selected and highlighted. And if I delete it. All right. Start. I'm typing. Come on. Start. Oh, that's annoying. That is real annoying. I'm trying to back up and it's not working. Okay. Start visualize. That's what I wanted. So, we want something like this. It's already a little bit quirky. I'm not liking it so far. Um, this right here, like this section, in terms of color scheme, it's bland. Doesn't everything just seem like it's just desaturated and nothing's really sticking out? Sample property with like a watermark in the background. That looks like crap. Nobody's going to want that. Uh, that's not going to inspire anybody to upload their photo. So, there's there's decisions here that I absolutely, you know, kind of don't agree with. Um, kind of cool. This is, you know, at best for an initial, you know, very simple prompt, you know, I didn't give it a ton of guidance, which, you know, we shouldn't have to. I mean, if we're truly going to vibe design, right? Um, this would be best used based on this simple, you know, first time result. It would be best used as like a prototyping tool ideas, you know, not for a a fully finished uh polished project. So, when I when I click this here, you know, you click modify and you want to be able to like click the sections, but it really looks like you can only slick select the individual elements. like I can't click here in this section to change this color or to specify it in the context of being able to be like, oh, hey, take this section background and change the color. It looks like it's really just for individual little component-based elements, which is kind of disappointing. I'm going to go ahead and try this option right here, which is click to generate multiple vi variations. Um, and I'm going to say I'm going to be blunt. All right. So, um I'm going to actually paste in a screenshot of, you know, a real modern type of design. This is from mobin.com. Um really cool inspiration of live websites that are really done well. And I'm just going to use that as a reference right here. Um I've attached a design of a very modern layout. This is more of the style and quality that I'm after. Okay, let's go ahead and send that over. All right, so check this out. I hear you loud and clear. The current design is functional, but it lacks that wow factor. I high-end editorial feel that you're after. I've studied the reference image, use of atmospheric depth, large scale topography, and a non-traditional grid is exactly what we need to elevate landscape. Let's see. See how their use of glass morphism right here. It's pretty cool, but honestly, I think it needs to be darker. this like quick tips text, you know, and this text down here is a little bit hard to see contrast-wise. Oh, right. H Okay. Oh my god. Oh my god. I mean, I don't like crapping on products obviously and and you know, I mean, these these these these vibe design tools, vibe coding, vibe design tools, the design tools especially, they're only as good as the models that are underneath them. and they're all using the same models essentially. Um, it's either, you know, some form of Gemini, it's Claude, uh, you know, Anthropics products or, you know, Open AI's products. And this right here is far worse than even what it originally prompted me with. I mean, yeah, I mean, low low tier. Let's check out um the other two here. again, like if somebody showed me this, I'd be like, "Okay, you know, maybe you've been working as a UI designer for a couple months, maybe, you know, um, this one here is a little bit better. It it did the glass morphism thing, but it's still far away of what I would prefer. Um, this is probably the best, you know, iteration that it came up with. But looking at this, yeah, like this as well. Um, you know, this part's not too bad. So, here's here's the thing. If you're going to use Stitch, you know, Google Stitch, um, and you're going to generate a design, and you're somebody who doesn't have any design experience, you're kind of just left to its discretion. um people who really want to elevate their projects, you know, who are, you know, we're still in a in an era where design certainly matters. We're not anywhere near that era where everybody's like, "Oh, design's dead and SAS is dead." We're not close to that yet, trust me. Um so, we still have to have an eye for design. So, we're going to go ahead and we're going to create a challenge based on this. So, I want you to use Google Stitch to generate maybe just a portion of a landing page and I want you to submit that to the AI native design series we're doing. It's free at designcourse.com and I'll show you the requirements real quick. All right. So, this one's really simple. You just grab the Figma document when you go to the AI native design series. It'll be right there when you start. Um, and you'll see this document right here. We have eight challenges so far. I have to rename this real quick. Challenge eight. This is Google Stitch. And what I want you to do is very simple. Um, it's going to be fun, simple exercise. Use Google Stitch to create a section of a landing page. It could be just the hero. It could be like a testimonial section, whatever. Um, actually, it could be whatever type of UI design you want. Um, attach a screenshot of the first attempt that Stitch produces because I would really like to see, you know, what did Stitch produce based on your initial input and you can paste that as well. What was your prompt? Um, and then also elevate it. So use Google Stitch to try to make as a best as possible um version of the design based on whatever it produced. So you're submitting two different screenshots. The first one is what Stitch produces and the second one is you working with Stitch and iteratively prompting it to try to make that section better as best as possible. So we'll see who how much we can steer the AI as well as how much the AI just you know produces design in one shot at the very first attempt. As we can see with my example, it did not do a very good job. So, go ahead and submit that. You could take all the other challenges as well. And yeah, I'm kind of interested to see what you all come up with. I'll be honest, I'm I'm really underwhelmed with the uh Google Stitch um you know, at least its ability to to produce a really, you know, elevated design. We're just not there yet. So, let me know what you think in the comments. I'll see you soon. Goodbye.