Just a casual chat we had on last weeks Cmd+AI. We take a look at Stitch, Motif, and Untitled UI.
-
Extra knowledge: https://www.patreon.com/0x5am5
Twitter: @0x5am5
Services I Love
Domain Names: https://samuelgregory.co.uk/namecheap
Hosting: https://www.hostg.xyz/aff_c?offer_id=6&aff_id=130549
Online Storage ($200 credit): https://samuelgregory.co.uk/digitalocean
Online Storage ($100 credit): https://www.vultr.com/?ref=9381598-8H
My Gear (affiliate)
Sony A7c II: https://amzn.to/40qaYEJ
Sony 16-35mm: https://amzn.to/3Ehfvxi
Deity V-Mic D4 Mini: https://amzn.to/4fkKLf4
Macbook Pro M1 Pro: https://amzn.to/3oEVbS0
iPad Pro M4: https://amzn.to/3YIMpBM
Magic Keyboard: https://amzn.to/421B26P
Travel Laptop Stand: https://amzn.to/3MDRx2Q
Logitech MX Vertical: https://amzn.to/3oCg1Bz
Apple Magic Trackpad: https://amzn.to/3YIqwm3
My Books
The Full Stack Agency: https://flowst8.dev/store
Lingo: Agile: https://thefullstackagency.gumroad.com/l/agile-lingo
Lingo: Startup: https://thefullstackagency.gumroad.com/l/startup-lingo
#design #AI #webdesign #vibedesign
Transcript
describe your design. This is vibe design. This is what I missed. Yeah. Is this the one that they can like generate UI on the fly? Uh food recipe. So there we go. Cool. So it's pretty it's pretty clean. It's pretty clean. I mean, look. Oh, so you can open copy to Figma. Look. So I can edit this. Yes, I can do. So, it's it's not groundbreaking, but I think that's a lot to be to be honest, it's a lot cleaner than a junior's No. No. I mean, yes, but like uh what like lovable are capable of and stuff like that, but this is this is static. It's a static design. This is cool. Things are getting there, but slowly. Is there any tool better than this? Have you seen Motif? No. Try Motif. I honestly haven't seen any tool that does design to the level that I needed. I have to be honest, there's something doesn't quite sit right with me. They they send you on a treasure hunt to to join the Bloom and Slack group. And it's like, why am I jumping all through all these hoops? Just let me bloom and use the tool, but I've got access to this if I maybe I can share it with you or something. But you can see it all here. It it it looks cool uh in the first glance, but it's not like, you know, too deep of like like a crazy design. You I don't think you're going to get a crazy design. We're leveraging tried and trusted patterns, let's say. Yeah. Untitled UI, right? So, all I see these are maybe a bit not a bit actually, they are less than untitled UI. you can get faster, you know, you can spin up something faster, but it's not even as good as Untitled UI. That's like the biggest one of the biggest um like libraries I know for design. Uh I recently uh purchased it and we don't use it all that much because it's so huge. But it's amazing to get like some components, just copy some components. Let's say you you're designing a blog. Instead of starting from scratch, you can start from here. So it's it's actually a level higher than wireframe. It's not like a just a basic wireframe. It it h it it has a very wellthoughtout UX. So talking about forums for example, if you go to the product and maybe components go to the forms, you see like all the forum states things that really matter when it comes to actually designing something useful, you need to you you know for production level they have I I would say like 98% of all the UX uh thought out. So when we use this one of the reasons is like for my designer to know okay all of these states exist all of these like details already exists. So we just need to apply like whatever brand that the client has or style to these and what these vibe coding tools do I don't see them being as good as this even though this is like basic. So, traditionally back in the old days, you you deal with a wireframe. I mean, I guess there's a communication issue because the amount of clients I show a wireframe to and they're just like, "Yeah, it looks good." And then they see the design or they see it, you know, actually with the design, they're like, they don't like it or whatever and it's like, "You did approve this layout." So, maybe there's a visualization of the layout. But um ooh dark mode at the same time like all you've done is add flourish to the wireframes and then you're just going to apply and then you're going to design. This is never this was never going to be the design you know. Well well I actually have seen startups straight out use untitled UI because this is good enough for a landing page. If you don't want it to be like, you know, whatever crazy, just change some of the images, even the icon. I've seen like companies legit use the icons, use like everything from Untitled UI because even if you talk about colors, they have a huge set of like tried and pro like good colors essentially. They're not like unique, you know, mix of some specific colors. It's a set of all shades of like very wellchosen colors. And the guy building this, he's been doing this for I don't know like six years. Has been building components after components. And yeah, I think it's a very good start if you want a great foundation. But if you want something really fast, obviously these uh Vibe coding tools get you there much faster. And to your point, I 100% agree that there is so much time that you spend in for communication essentially because this is not a live product. This is just in a way a mockup.