Loading summary
Transcript1 lines
- [00:00]
A
Today we're going to test how good of a Designer is Gemini 3.0 within Google AI Studio. So we're going to actually design a personal website, we're going to design a SaaS app, we're going to design a mobile app, and we're going to find out by the end of this episode how awesome is it? Is it a 6 on 10? Is it an 8 on 10? Is it a 10 on 10? And to be honest, the only exposure I had to using Gemini 3.0 and Google AI Studio was, was in the episode I did the other day with Logan kilpatrick from the DeepMind team. It did a pretty good job at it, actually. A very good job at it. And I wanted to go deeper and do an episode where we just kind of see, okay, you know, can't, can this thing go the extra mile? So we're going to do it together and we're going to find out how good it is. So let's start off by designing a personal website. So I actually have a personal website, but I think it could be a lot more, let's put it, you know, nicer. I think it'd be a bit. A bit nicer. It's just quite basic. So I'm going to go ahead and copy the screenshot. I go to build over here. And this is where you're going to go and design or build your ideas. So you can use this to vibe code or you can use this to be vibe designing. So you can see here that I've selected the Gemini 3 Pro model. And I'm going to say I have a personal webpage, but I think it's not that well designed or could be better. I've attached a screenshot of what it looks like, but I want you to design this with more color, more freshness. And more. And just all around more interesting. Maybe you can make it a full experience somehow. Not giving it a lot of. I'm not giving it a lot of instructions. I kind of want to see, like, what it does. I could be. Could maybe say, like, hey, I want it to be like Microsoft XP designed or something like that. Actually, it's probably a good idea. Let's make it look like a 3D experience. Microsoft XP, actually, not 3D experience. Let's make it look like an experience in Microsoft XP, except it's a personal website. The website domain is gregisenberg.com if you want to grab content from there. Okay. So I've gone ahead and given it a prompt and now you can see Gemini 3 Pro Preview is running. This is cool that you'll see that it does. You know, on, on AI Studio and Gemini 3, you kind of see it shows its work. So it'll say like you know what it's doing. So you can see here it's actually creating the metadata JSON, the index HTML and you can, I think, yeah, hover over it and you can see what is happening. So it's using tailwind CSS React application entry point. And by the way, I have no affiliation with Google. I do think that they are absolutely crushing it lately and I think in 2026 they will continue to crush it. So I am bullish on them and that's why I really want to get to use their products more and more because I'm just seeing them just do a great job at. Think about where they were 12, 18 months ago. They were literally building Google Bard. They went from Google Bard lamest name to their cursor competitor is called Ultra Gravity. Way cooler, right? So you could just see that they're, they're taking a lot more seriously. And I think that it's really going to be, you know, it's, it's, it's Google AI versus Cloud versus ChatGPT and I wouldn't be surprised if Google AI wins. So it's still creating, it's still creating the, the app we can go ahead on just to look at like what I currently have. It's just pretty simple website. It does the job. It shares, you know, a link to subscribe to my newsletter. It gives different guides that people can download. It links to this startup ideas podcast on Spotify and YouTube. It shows here's all my portfolio companies and all the companies I'm working on. And that's basically it. Um, there's a about me and there isn't a blog, there is a blog. So it's a very simple website. And I'm curious, you know, can. Can Google AI Gemini 3.0 actually build something that doesn't feel like a purple vibe coded app that feels just a lot better? Something that I would like, you know. Update, update this to Sam Altman, the co founder of OpenAI just said that it is the era of the idea guy and he is not wrong. I think that right now is an incredible time to be building a startup and if you listen to this podcast, chances are you think so too. Now I think that you can look at trends to basically figure out what are the startup ideas you should be building. So that's exactly why I built ideabowser.com every single day you're going to get a free startup idea in your inbox and it's all backed by high quality data trends. How we do it, people always ask. We use AI agents to go and search what are people looking for and what are they screaming for in terms of products that you should be building. And then we hand it on a, you know, silver platter for you to go check out. We do have a few paid plans that, you know, take it to the next level, give you more ideas, give you more AI agents and more. Almost like a chat GBT for ideas with it. But you can start for free ideabrouser.com and if you're listening to this, I highly recommend it. Okay, so stuff is happening. So. Oh my God. Okay, so here we are. This is, this is, this is crazy. So we're looking here. It doesn't put Windows right because it's probably a copyright thing, but it looks like Windows. It looks like Windows xp. The notepad is over here where it says, like Greg Eisberg, the Internet is my playground. I kind of love that tagline. It's taken the copy from my website already. You can see it has the links over here. And then it's gone and created some, like, different applications. So there's the About Greg application, Greg's Letter, which is my newsletter where I guess people can subscribe to. And then they have the different guides. So I just got, went ahead and clicked on Guides. You can see like, look at this. This is, this is a website. This is crazy. How does this even. There's no way this works on mobile, right? Yeah, well, actually, actually works on mobile. Surprisingly so. You know, it has all my guides. It shows PDF and blueprint. The icons look really, really good. These guys. It says details. These guides are created based on real word, real world experience building link checkout size, very high value date, modified today. This is like, I don't know about you, but to me this is like really, really awesome. I'm just going to say let's just try to edit it a little bit. I noticed there are no icons for the applications like Idea Generator or Internet. Actually, it's not that there's no icons, it's just that the icons aren't hitting right. The icons that you chose for the applications, like About Greg and Greg's letter, etc. They don't feel like real Windows or Mac app icons. Please make them more real and let's see what happens. And the reason I'm, I want to see like can this thing design well right like, you know, can it take feedback? Well, that was what. One of the things that I was really impressed with in my chat with Logan Kilpatrick and if you haven't seen that episode, we'll include it in the show notes in the description is how well it was able to take feedback. So let's just see if a non Googler like myself actually can get, you know, similar, similar and good results. The other thing that I want to ask to change is I do find the white background to be, I don't know, boring. So I'm going to say I find the white background. Oh, actually what's this? What happens if I click this right? So there's a button here that's annotation. So add annotations to visually iterate on your app. So it says draw and write on your app preview to instantly communicate your vision to Gemini. Yes. So Logan was showing me this. You can highlight components, sketch new ideas or add precise feedback right where it matters. Simply pass your visual prompts to Gemini and watch your app update live. So let's actually try to. We'll let this think and update this and then after that let's go and annotate the background, try to get it to a place where it looks a little bit better and then once we're done that we will move on to can we design a SaaS app? I know a lot of people listening, you know, want to build a SaaS app, want to build a micro SaaS love the idea of doing that. But you know, when they use platforms like Lovable or other ones, they or you know, Replit or any vibe coding platform, they're just getting designs that are not, are not, not what they want, not what they're not what's in their head really. That's what it comes down to. I will say that Replit now has Google Gemini 3.0 available on. I think it's available as of today. Let's check Gemini 3.0. Yeah. Design mode. So they do have a new design mode to go from idea to a live website and that's also powered by Gemini 3.0. So they've gone ahead and updated the icons. This is what I'm talking about. I don't know about you. It did bug out here with popular guides, but every other icon was done to perfection in my opinion. This looks really, really good. We're going to do the annotation quickly and I'm going to say, oh wow. It's like actually here add to. You can see at the bottom. Once you click, you can add a comment, you can add an arrow rectangle. So I'm going to go ahead and say, I'm going to say. This white background is boring and doesn't give off Microsoft xp, the classic blue skies and green mountain. Please adjust. So I just said add this to chat. I'm going to send that to Gemini. And now it has that context. It's such a simple idea, right? They basically just made like a image editor within it. But it makes it so much more. It's just, you know, this works best, all these platforms work best when you give it good references images. So the more, the better reference images you get. You, you generally get more out of it. So just FYI. So let's see what this does. And it's just crazy. Like it's really what's blowing my mind. What's going through my mind right now is it really is like if you have good ideas, if you have ideas that are scroll stopping are interesting, you can stand out, right? Like a personal website. Everyone has a, you know, a lot of people have personal websites like mine, like just very simple about us, right? But they don't have, a lot of people don't have something like this. And if you can stand out, maybe that gets you the, you know, the job you wanted. Maybe that gets you a client that you wouldn't have otherwise gotten. You know, you never know, you know what it's going to do and you know, we're all in this game of how do we increase our probability of success, right? How do we stack the chips in our favor and good design really does that. You know, good design is viral. Good design is something that people talk about. Good design adds trust. So that's, that's why, you know, you should want good design. So it's been thinking for about 110 seconds. Let's give it a few more seconds and then move on to the SaaS app. Taking a little longer than I'd like. It's kind of surprising that the whole website was created in 111 seconds but the background is taken so far. 136 seconds. All right, so it broke the icons. But you know, I do think the having the background looks nicer. It didn't take my feedback around, it didn't take my feedback around creating the mountain. I think what I should have done is I should have just googled like Microsoft XP background, posted it into as a reference image and it probably would have worked. So I don't have time for it right now. But overall I Don't know about you, but I'm pretty damn impressed. This exceeded my expectations on this personal website. Nine on ten for me. I don't know about you, but I'm probably going to be redoing my personal website soon. Next let's go see how it does on designing a SaaS app. So right before this I went on Dribbble and I searched SaaS app and Dashboard, SAS Dashboard and this came up and I thought it looked like very clean. So what I want to do is I want to go to. I'm going to go back to the build section, describe your idea. So I'm going to add the reference image. Let's go ahead and do that. Copy. Add it right here. And I'm going to say this is a dashboard I really like. I'm building a software that is a analytics meets AI app for restaurants. I want it to be designed in a similar vibe. It's clean, it's modern and I want the buttons to feel almost like real buttons in the real world. So just like simple language. There's like design terminology for this, but I'm just keeping it simple for everyone. Knobs, etc. Can you make this happen? You know what, I'm going to actually pull up a. I really like this company, Teenage Engineering. The designs are really nice. I just like their products. They do like audio and microphones and stuff like that. I'm going to take a screenshot of this. Even though it's. I mean this might just complicate things. I also included a photo of a Teenage Engineering product that's physical that I imagine the buttons could be, you know, used on the SaaS app. So that doesn't even make. That's not even good English. But let's just see what happens and see what it comes up with in the past. You know what, what the Vibe coded Sass app would look like. It would look like the tailwind css. Like organize exactly how you think. Some purple, you know. And you know, I'm hoping that this is a little more elevated. I'm hoping that this is a little more interesting. I really didn't give it much data around like what are the product features and stuff like that. Like you might have seen on the Logan Kilpatrick episode. You know, you could use something like ideabowser.com if you're looking for a startup idea and you can just kind of take the startup idea and post it here and post it in into the prompt. So you can go ahead and do that or if you have idea Browser Pro. You can just, you know, grab the product requirements document, which is also known as a prd and it gives you exactly what you would actually give a product manager. The whole prompt. And you can just copy this prompt, which is basically a product requirements doc, and just throw it into Google AI Studio. Or you can just build a product requirements doc on whatever it is you're working on. I think Lenny Richardski has a PRD doc. Let's just see if he does. Yeah, my favorite product management templates. So he linked it here. I can include it in the show notes. But basically a PRD means like what is the problem? What is the high level approach? What is the narrative? What are the goals? Ideally you're giving this data to Google AI Studio so that you get the most, the best design product that you know. And, and here we have. Here we have it. So that looks really nice. That looks really nice. The buttons look really nice. They've got that teenage engineering vibe. Oh, come on. That is, that is cool. That is. That is teenage engineering. I'm not really able to move it, but it's created this AI analyst Chef os. Does this thing work? So it basically created a AI helper Op restaurant is a fully operational and analyzing your data currently we observe healthy 14 active tables average ticket. Like this is something that you might be able to like sell to a restaurant. I think this looks super, super, super good. Nice little animations here. I like it, I like it a lot. My only notes on here is this should be able to, I should be able to move it. Oh, I can. You just have to click on it. But I should be able to drag and drop, drag it just to make it easier. But like, look at that, that looks sweet. So overall I would say I'm going to give this an 8. 5. I don't know what you would give it, you know, but I'm going to give it a quick 8. 5. And this is one prompt, one prompt. Let's go ahead and write that down. 8.5 on 10. The last thing we're going to design is a mobile app. Now a lot of you are interested in mobile apps and building mobile apps. There's definitely a huge opportunity right now to build a mobile app with AI. Right now I'm going to be doing a bunch of episodes on that, so stay tuned. I want to get that out next week and the week after. But there's this app that my friend Yoni created. It's called Brainrot and it's basically an app that helps you get off TikTok and Instagram and basically anything that gets you to get your brain rot. So it's created this little mascot and it shows you your brain rotting real time. Anyways, the point is, let's just say we wanted to copy Brain Rot. So let's go back to the build section and we're going to go and we're going to say we're going to copy here. Let's just copy this. So I've gone and just copied the app store previews, and I don't know if Gemini 3.0 is good at designing mobile apps. So that's what we're going to find out. Today. I want to design a mobile app. I really like everything about this app called Brainrot. I'm even going to say it by my friend Yoni. The mascot, the gamification, everything about it feels to me like a blueprint for getting someone to do something. What if you designed the brain rot for getting people to work out? Can you do it in the style of Brain Rot mascot? Warm colors, beautifully designed. And I'm gonna say make sure you design this as an iOS app. I don't know. I don't even know if it can do this. Like, I don't know if this just does web apps. So we might be looking at a 0 and 10 here, but, you know, we like to try it. We like to push the limits here on the Startup Ideas podcast. There are other, as I mentioned on the show before, there are other apps that specifically focus on mobile. So there's an app called Roark. Build native mobile apps fast. There's an app called the Vibe code app, which is by my friend Riley. And then there's another one. Well, yeah, I think it's called Create Anything. Yeah, Create anything dot com. Create anything dot com, which has a lot of people recently are saying a lot of good things about it. I need to spend more time playing with it and I'll be doing more episodes on mobile soon. So it's still cooking. It says this response generates a complete react application called Gains Fitness. Gains is actually a killer name. Killer name. It features a mascot that reacts to your workout habits. Oh, let's get these Gains. Are you kidding me? This is it. Got the streak. It's got the goal Maintenance mode. See, if I click around here, your activity, your gains calendar, your top contributors. That's really cool. Imagine, like, it integrates with Apple Health. You can log. Won't let me. It won't let me log it here. I click nothing happen. But, you know, I can imagine giving it more data around what, how it should log things and there's no settings. But overall, from a design perspective, like the mascot kind of, kind of is tough, right? It looks really good. It looks really, really good. And I would say this is an. From a one prompt, I'm going to give this an 8.3 on 10. I want to also mention that Google has released something called Anti Gravity. Anti Gravity is basically their cursor competitor. You can design using Gemini 3.0 in anti gravity, but the designs that you are going to get, at least that I've tried, I haven't been able to get as nice as designs out of it. So, you know, maybe it's just me. Probably not. I don't think so. But if you want to get the most out of Gemini 3.0 Pro, you're going to want to go to direct to Google AI Studio. There you have it, folks. Overall, like, I'm impressed. You know, like we're, we're getting scared. It's getting scary good. And if you just keep prompting it, I think you can get to places where, where you have an extremely well designed app without any designers. You are the designer, right? You have to have the taste, you have to have the reference images. But I think you can go and design something beautiful. And we've exited this era where Vibe coding produced not the most beautiful websites, not the most beautiful apps. And we're getting to a point that with the right reference images, the right prompts, you can get to a place where you design something beautiful. So hope this got your creative juices flowing. Stop listening to me and just get your hands dirty. Go play with one of these tools. Go play with Gemini 3.0 and build something and come back to the comment section. I read every single comment on YouTube. Share this podcast. Like it? So I know to keep doing these episodes. Otherwise I don't know, I don't know what you like or what you don't like or if I should just not post at all. So thanks so much for spending your time with me. We learned about how to become pretty proficient, I would say, at Google AI Studio. Gemini 3.0, AI designer stuff. And until next time, have a creative day, my friends.