WEBVTT 00:00:00.000 --> 00:00:05.680 There's a way to create beautiful designs, beautiful websites, beautiful apps, beautiful motion, 00:00:06.080 --> 00:00:11.680 and I just learned about it. And it's through this thing called Google MD. It's using skills, 00:00:12.000 --> 00:00:25.455 and the entire process of this is what we explain on this podcast. I had my friend Meng To, who's one of the best designers I know, come on and share his entire workflow to how to create jaw 00:00:25.535 --> 00:00:30.175 dropping beautiful designs that by the end of this episode, you will become 00:00:30.510 --> 00:00:35.550 a designer. You're gonna be able to create better design than 99.99% 00:00:35.550 --> 00:00:50.395 of this planet. And what does that mean? That means that your startup, your idea, your app is gonna have a higher chance of getting people to install it, to buy it, to share it, and we all can use that. So enjoy the episode, and I'll see you in there. 00:00:59.070 --> 00:01:04.270 Meng, welcome back. Second time on the pod. Uh, by the end of this episode, 00:01:04.590 --> 00:01:06.670 uh, what are people gonna get out of this? 00:01:07.550 --> 00:01:10.750 Google just came out with Design. Md, 00:01:10.910 --> 00:01:13.790 and this is one way to create a blueprint 00:01:14.335 --> 00:01:16.655 to take one beautiful design, 00:01:17.455 --> 00:01:18.815 whether you made it or not, 00:01:19.295 --> 00:01:20.655 and then spread 00:01:20.735 --> 00:01:23.455 throughout the all the formats and the mediums 00:01:23.695 --> 00:01:25.695 for your startup idea. 00:01:25.935 --> 00:01:27.535 Right? So you can turn 00:01:27.695 --> 00:01:29.695 a beautiful design system 00:01:29.990 --> 00:01:34.230 that is created by a master in their craft, like a designer, 00:01:34.550 --> 00:01:37.190 and then you can turn that into motion design, 00:01:37.350 --> 00:01:38.550 a landing page, 00:01:38.870 --> 00:01:40.870 different sections of the landing page, 00:01:41.110 --> 00:01:45.465 uh, mobile design, and so on. So a lot of people struggle right now 00:01:45.705 --> 00:01:50.825 with, you know, this idea, you know, they start really strong with one shot 00:01:51.065 --> 00:01:56.105 and then suddenly they get into the the other pages and they suddenly have something 00:01:57.040 --> 00:01:59.040 more and more generic. 00:01:59.040 --> 00:02:02.080 So this is what we're gonna be learning. I'm gonna teach you all the tricks, 00:02:02.400 --> 00:02:03.280 remix, 00:02:03.680 --> 00:02:04.560 iterate, 00:02:05.440 --> 00:02:07.520 what is the design system, typography, 00:02:07.520 --> 00:02:10.160 colors, all the things that people struggle in design. 00:02:10.865 --> 00:02:11.745 Perfect. 00:02:11.745 --> 00:02:15.825 In in your world, feel like a lot of people are talking about DesignMD. 00:02:16.385 --> 00:02:22.145 Uh, in my world, not that many people are talking about it, but they want to be able to create 00:02:22.385 --> 00:02:26.065 jaw dropping beautiful designs even if they're not a designer 00:02:26.680 --> 00:02:30.680 because they're, you know, we're using agents now, we're building startups, 00:02:31.080 --> 00:02:32.840 we're taking ideas out of our head, 00:02:33.160 --> 00:02:39.160 but you know, we don't want a purple vibe coated website or app. We want something that's beautiful, that's consistent, 00:02:39.800 --> 00:02:40.840 and so 00:02:41.145 --> 00:02:50.185 I'm excited for you to explain what DesignMD is. I'm excited for you to explain how you can actually get inspired by other designers 00:02:50.265 --> 00:02:52.825 and use some of their systems to create something of your own. 00:02:53.540 --> 00:02:59.540 Meng, thank you so much for being generous with your sauce and and tactics and tips and tricks. 00:02:59.940 --> 00:03:05.620 Uh, there's no one I look up to more than you in this in this regard, so, uh, thank you. 00:03:06.705 --> 00:03:13.185 Yeah. I I just wanna mention something before we start. People don't realize how hard it is to to get the right distribution, 00:03:13.185 --> 00:03:13.985 the marketing. 00:03:14.305 --> 00:03:19.985 And I wanna thank you, Greg, because, you know, remember the first time I came to your podcast, I started with a $3,000 00:03:19.985 --> 00:03:20.545 MRR, 00:03:20.990 --> 00:03:22.750 and it shot up to 15,000 00:03:22.750 --> 00:03:24.030 MRR 00:03:24.030 --> 00:03:26.990 just by going through your podcast. And, obviously, there's 00:03:27.070 --> 00:03:29.150 a ton of value over time. 00:03:29.550 --> 00:03:31.150 So, you know, to those 00:03:31.390 --> 00:03:42.655 who don't know, like, going to, you know, Greg's podcast is like the bucket list, like, the number one thing you wanna, uh, you know, reach towards to. And, yeah, I prepared presentation, 00:03:43.215 --> 00:03:50.940 you know, slides and all that stuff because, like, you know, Reply just introduced slides and, you know, we started doing, uh, you know, hyperframes. 00:03:50.940 --> 00:03:52.060 We started doing, 00:03:52.780 --> 00:03:53.900 uh, remotion. 00:03:53.900 --> 00:03:54.380 So 00:03:54.700 --> 00:04:00.460 I prepared all of this. Uh, as a designer, I feel very strongly about this. So let me just share my screen. 00:04:01.100 --> 00:04:08.105 First things first, I realize a lot of people are vibe coding their apps, they're vibe coding their startup marketing, 00:04:08.105 --> 00:04:08.985 and so on. 00:04:09.705 --> 00:04:11.305 Everything I do today, 00:04:12.025 --> 00:04:14.665 including this tool that I'm showing you, 00:04:14.985 --> 00:04:17.705 which is my own Notion with slides, 00:04:18.800 --> 00:04:20.160 is VibeCoded, 00:04:20.240 --> 00:04:22.400 and I made it by myself. So 00:04:22.800 --> 00:04:25.840 I also wanna say that all of these images 00:04:26.240 --> 00:04:27.600 are all generated 00:04:27.600 --> 00:04:28.320 using 00:04:28.560 --> 00:04:29.760 the context 00:04:29.760 --> 00:04:30.800 of the title, 00:04:31.415 --> 00:04:32.695 and I'm using 00:04:33.015 --> 00:04:34.455 the new GBT, 00:04:34.535 --> 00:04:35.975 uh, image too. 00:04:36.215 --> 00:04:37.655 So with that said, 00:04:37.815 --> 00:04:38.535 you know, 00:04:39.015 --> 00:04:40.535 I prepared the slides, 00:04:40.695 --> 00:04:45.335 and I wanna go through one by one what is design.mt. 00:04:46.150 --> 00:04:46.790 So 00:04:46.950 --> 00:04:48.470 but first of all, you know, 00:04:48.870 --> 00:04:52.950 I just wanna also preface on what we're gonna be discussing, 00:04:53.190 --> 00:04:59.750 you know, the things that I wanna teach everyone about design and how we get there, and then we're gonna end with a demo. 00:05:00.355 --> 00:05:00.995 So 00:05:01.235 --> 00:05:05.315 these are the kind of five main points I wanna I wanna go through. 00:05:05.795 --> 00:05:06.515 And then 00:05:06.995 --> 00:05:09.555 we we're gonna get started. Uh, 00:05:09.795 --> 00:05:13.635 design, as I mentioned before, design.md is just open source, 00:05:14.220 --> 00:05:22.140 and I can find the tweet right here. They have a ten minute video. You can watch it. Essentially, it means is that 00:05:22.540 --> 00:05:25.100 just the same way a lot of people 00:05:25.980 --> 00:05:27.020 are using 00:05:27.500 --> 00:05:29.100 agents.md 00:05:29.235 --> 00:05:31.555 or skill.md 00:05:31.795 --> 00:05:33.075 or soul.md 00:05:33.075 --> 00:05:35.395 for those who are using Cloudbot 00:05:35.395 --> 00:05:39.155 or in in this case, it's it's OpenCloud now. So, 00:05:39.395 --> 00:05:40.995 basically, this is for designers. 00:05:41.590 --> 00:05:47.030 And if you wanna take the soul of the design and you wanna bring that to the agent 00:05:47.590 --> 00:05:51.750 and you wanna bring a design system, the colors, the typography 00:05:52.070 --> 00:05:58.045 that makes a design beautiful, well, you port it and you put it all into an MD file, 00:05:58.445 --> 00:06:06.205 and then you put it into your prom as an attachment, and then boom, you have a beautiful design. So this is what design.md, 00:06:06.605 --> 00:06:07.245 and 00:06:07.565 --> 00:06:09.005 you will see 00:06:09.540 --> 00:06:10.500 extremely 00:06:11.060 --> 00:06:12.260 efficient ways 00:06:12.660 --> 00:06:17.060 to use this across multiple medium, not just web design, 00:06:17.460 --> 00:06:18.420 but also, 00:06:18.980 --> 00:06:20.180 you know, like, 00:06:20.420 --> 00:06:23.700 uh, you know, like motion design nowadays and slides. 00:06:24.335 --> 00:06:24.975 So, 00:06:25.295 --> 00:06:36.335 you know, for exam Quick break in the pod to let you know about a free workshop I'm doing that answers some of your biggest questions. The first is, in the AI age, what are some categories 00:06:36.495 --> 00:06:44.370 that are ripe for startup ideas? I'm gonna outline a bunch of those different categories, the ones that I think the most opportunity is. 00:06:44.610 --> 00:06:53.385 Second is there's a million AI tools out there, which are the ones that matter when I'm trying to build a business? I'll walk you through that. And lastly, 00:06:53.785 --> 00:07:02.425 how do you actually build a business with some of these AI tools? So I'm actually gonna show you live how I do this with my ideabrowser.comteam 00:07:02.425 --> 00:07:05.145 and I can't wait to see you there. It's this Thursday 00:07:05.225 --> 00:07:11.840 at 12PM eastern and if you go to the show notes, if you go to the description, you can click a link, RSVP, 00:07:11.920 --> 00:07:21.440 and learn a few things. I hope it'll get your creative juices flowing, and I'll see you back at the pod. I'm gonna give you just some quick examples of what I created. So for example, 00:07:22.405 --> 00:07:28.245 when you have a design, right, you can sort of, like, take one design 00:07:28.805 --> 00:07:32.965 and using whatever medium, like, whether it's React or HTML, 00:07:33.125 --> 00:07:34.165 you can create, 00:07:34.645 --> 00:07:35.605 like, a 00:07:35.880 --> 00:07:37.880 a nice promo video 00:07:38.040 --> 00:07:40.360 or you can create, like, a slide. 00:07:40.680 --> 00:07:43.160 And this is all using the same DNA, 00:07:43.800 --> 00:07:45.800 which is the design. Md. 00:07:46.120 --> 00:07:53.825 So as you do this, for example, this is a slide and this is a promo video. You can see that this is two different approach to a design. 00:07:54.465 --> 00:07:56.225 And this is the result, 00:07:56.705 --> 00:07:59.985 and, uh, if you want, there's a ton of resources 00:08:00.545 --> 00:08:02.145 that allows you to 00:08:02.465 --> 00:08:16.430 save those design dot m d. So one of them, obviously, I created them myself, but they're totally free. You can just download them. Uh, right now, my Internet is super slow. So here, you can see 00:08:16.830 --> 00:08:19.630 we have a lot of these design systems, 00:08:20.465 --> 00:08:29.425 and it's essentially just one file. You click here, you download it, and it it contains all of this visual stuff, typography, 00:08:29.985 --> 00:08:30.785 colors, 00:08:31.105 --> 00:08:31.585 spacing. 00:08:32.240 --> 00:08:33.760 And if you look at 00:08:34.240 --> 00:08:35.680 the, you know, 00:08:36.320 --> 00:08:38.240 the the the markdown itself, 00:08:38.480 --> 00:08:41.920 if you've used markdown, it's essentially a structured text 00:08:42.320 --> 00:08:43.680 with tables, 00:08:44.080 --> 00:08:45.200 uh, titles, 00:08:45.520 --> 00:08:46.160 and code. 00:08:46.965 --> 00:08:50.325 And you can if you read through all of this, you have the weapons 00:08:50.885 --> 00:08:52.325 and the arsenal 00:08:52.405 --> 00:08:54.565 to essentially prompt efficiently. 00:08:55.045 --> 00:08:57.365 And you can sort of commit this to memory, 00:08:57.845 --> 00:08:59.045 and then it becomes 00:08:59.125 --> 00:08:59.845 your design. 00:09:00.660 --> 00:09:01.220 So 00:09:01.540 --> 00:09:06.420 it's very simple. You add all of this to prompt. Right? And then it becomes 00:09:06.740 --> 00:09:09.060 the the HTML 00:09:09.700 --> 00:09:11.700 or the design.md. 00:09:11.700 --> 00:09:13.780 The HTML is more like 00:09:14.265 --> 00:09:16.505 the sort of a finished dish, 00:09:16.985 --> 00:09:20.185 and the m d file is more like the recipe. 00:09:20.585 --> 00:09:21.625 The skills 00:09:22.025 --> 00:09:23.625 are like the ingredients. 00:09:23.945 --> 00:09:25.705 So you put it all together, 00:09:26.025 --> 00:09:30.470 and it becomes your design, which is what I just showed earlier. 00:09:32.230 --> 00:09:33.990 And that's a big deal because, 00:09:35.430 --> 00:09:38.630 you know, why like, honestly, I want to have you on the pod is, 00:09:39.110 --> 00:09:42.070 you know, it's such an advantage to 00:09:42.625 --> 00:09:43.745 to having 00:09:43.985 --> 00:09:47.745 scroll stopping design. Like, the video you shared, 00:09:48.865 --> 00:09:54.305 like the the the m p four there that you shared, like, that was that was beautiful. 00:09:57.400 --> 00:09:58.120 And 00:09:58.680 --> 00:10:00.840 so I guess my question is, 00:10:01.960 --> 00:10:06.120 like, how do you if you're not a designer, coming up with these 00:10:07.080 --> 00:10:13.055 systems yourself, like, from scratch is really hard. So how do you what's the process for 00:10:13.775 --> 00:10:15.695 for for finding, 00:10:16.415 --> 00:10:17.215 you know, 00:10:18.495 --> 00:10:19.455 for finding 00:10:20.335 --> 00:10:22.975 brands and identities that resonate with you? 00:10:24.310 --> 00:10:25.350 Right. So, 00:10:25.750 --> 00:10:29.270 you know, coming back to the slide, right, oftentimes, 00:10:30.150 --> 00:10:34.470 you know, people, they one shot something. They saw, like, a a beautiful prompt. 00:10:34.550 --> 00:10:45.605 Oftentimes, it's bigger than the code. They copy and paste that. They have no idea how it's done, and they also have no leverage on how to change it. So the first screen is not the hard part. 00:10:46.005 --> 00:10:54.060 So, you know, right now, it is you kinda feel like you're the one who's always, like, telling AI what to do, and you don't have control. 00:10:54.540 --> 00:10:59.900 And the question is, like, how do you solve this problem, which is a design drift? 00:11:00.060 --> 00:11:11.095 Okay? You you you start something, you're kind of satisfied with it, but then you get into the other stuff, and it becomes completely different. So that's that's why we need design.md. 00:11:11.495 --> 00:11:12.135 And, 00:11:12.375 --> 00:11:15.415 you know, you don't want to end up something like this. 00:11:15.895 --> 00:11:19.255 You want to to end up with a system, a process 00:11:20.020 --> 00:11:23.460 where you can bring whether it's a screenshot, 00:11:23.540 --> 00:11:24.820 an HTML, 00:11:25.140 --> 00:11:26.580 a design. Md, 00:11:26.740 --> 00:11:29.060 or all of those ingredients 00:11:29.060 --> 00:11:30.180 and recipes. 00:11:30.900 --> 00:11:32.660 And back to your question, Greg, 00:11:33.415 --> 00:11:38.615 there's a ton of resources that share all of these things, but designermd is new. 00:11:38.935 --> 00:11:42.455 Most places, they share templates. Right? We all know, 00:11:43.575 --> 00:11:45.655 you know, like, you go to a template, 00:11:46.540 --> 00:11:50.140 and obviously, I'm taking my mine as an example, 00:11:50.620 --> 00:11:51.260 but 00:11:51.500 --> 00:11:56.540 you can go to any, uh, of the templates that you find on v zero, Lovable, 00:11:57.020 --> 00:12:03.545 um, you know, all of these other place Framer, Figma community for for people who are more familiar with designs. 00:12:03.705 --> 00:12:07.545 And the problem with those is that they are highly close behind 00:12:08.025 --> 00:12:11.705 the techniques and the the rectangles and the pixels 00:12:11.785 --> 00:12:14.905 of Figma or Framer of Webflow. 00:12:15.760 --> 00:12:20.400 But, you know, then how do you tell that to an agent? 00:12:21.120 --> 00:12:24.240 And that's the big question. So nowadays, 00:12:24.480 --> 00:12:26.960 you can go to new communities 00:12:27.120 --> 00:12:29.520 that share the actual blueprint, 00:12:29.835 --> 00:12:31.595 which is the design.md. 00:12:31.755 --> 00:12:33.035 So for example, 00:12:33.275 --> 00:12:39.995 I want a design that looks like this, that has this animation, that has the blue color, that has these 00:12:40.235 --> 00:12:43.675 systems of, uh, you know, beautiful typography 00:12:43.675 --> 00:12:44.795 and selections 00:12:44.795 --> 00:12:45.595 and buttons 00:12:46.130 --> 00:12:53.970 that, you know, I don't want everything. I don't want the whole template. I just want something to start with that I can tell my AI 00:12:54.370 --> 00:13:00.210 to start with that and then be consistent across the board. Now if you only provide 00:13:01.075 --> 00:13:04.275 a portion of it or something too specific, 00:13:04.435 --> 00:13:08.915 the AI tends to sort of, like, take that too literally. 00:13:09.315 --> 00:13:12.835 But if you provide something more, uh, like a foundational 00:13:12.835 --> 00:13:13.635 system, 00:13:13.955 --> 00:13:14.675 like a process, 00:13:15.430 --> 00:13:16.470 agents.md 00:13:16.470 --> 00:13:17.670 and what and whatnot, 00:13:17.830 --> 00:13:21.270 then you get something that gives more flexibility 00:13:21.510 --> 00:13:22.710 to your system 00:13:22.950 --> 00:13:27.990 when you're gonna be working on new designs or new mediums 00:13:27.990 --> 00:13:30.710 or, you know, you wanna be consistent across the board. 00:13:31.365 --> 00:13:35.765 Cool. Yeah. I mean, when I see this, like, first of all, this is gorgeous. 00:13:37.605 --> 00:13:40.805 But what I would wanna refrain from is, 00:13:41.365 --> 00:13:42.245 like, to your point, 00:13:43.790 --> 00:13:46.990 duplicating that and just creating the same 00:13:47.790 --> 00:13:53.470 cookie cutter website. You know? Because there's I'm sure you see this all the time. Like, you you know, you come across 00:13:53.630 --> 00:14:01.855 a website. It's a Shopify. It's a WordPress. It's a Framer. It's whatever. And you're like, I've seen this website before. Right? I've seen this website, 00:14:02.255 --> 00:14:04.735 but it's another brand. Right? And 00:14:05.055 --> 00:14:05.695 that 00:14:06.015 --> 00:14:08.095 like, cookie cutter doesn't work anymore. 00:14:09.775 --> 00:14:18.820 And it's the same reason, like, you know, you go into a a downtown core city and, like, all the buildings look the same. Right? And and you feel like 00:14:19.140 --> 00:14:20.820 there's, like, homogeneous 00:14:22.020 --> 00:14:24.260 cityscapes that that are existing now. 00:14:25.555 --> 00:14:28.115 Yeah. And I fully agree with you. Everything 00:14:28.355 --> 00:14:32.595 is so high. Like, the baseline is so high nowadays, but also the baseline 00:14:32.995 --> 00:14:34.595 is also very generic. 00:14:34.835 --> 00:14:41.720 What used to be wow five, ten years ago now is generic, which is funny because, like, if you look at the purple gradient, 00:14:42.440 --> 00:14:50.440 everyone was like, wow. Purple gradient. I wanna use that. But nowadays, if you see something with, you know, purple gradients, you just run. 00:14:50.840 --> 00:14:51.400 Uh, so 00:14:52.195 --> 00:14:56.115 I guess what I'm trying to say here is that we have evolved so much, 00:14:56.435 --> 00:15:02.515 and humans have a way to solve new problems and to adapt. And I think that's the real intelligence. 00:15:02.915 --> 00:15:06.515 And so I think the question nowadays for me 00:15:06.830 --> 00:15:09.070 is how do you deal with taste? 00:15:09.230 --> 00:15:10.830 Right? How do you 00:15:11.150 --> 00:15:12.510 design something? 00:15:12.830 --> 00:15:15.310 How do you make ultra quick decisions? 00:15:15.630 --> 00:15:16.190 Right? 00:15:16.510 --> 00:15:17.150 To, 00:15:17.390 --> 00:15:18.510 uh, take something, 00:15:19.255 --> 00:15:26.615 whether it's the ingredients, the recipe, the secret sauce. For me, the sweet secret sauce is is the design. Right? Because, 00:15:27.175 --> 00:15:31.095 you know, you don't want people to run away from your landing page. 00:15:31.760 --> 00:15:33.760 You don't want them to, 00:15:34.000 --> 00:15:38.960 uh, to to to look at your brand and like, oh, shit. This feels like, 00:15:39.360 --> 00:15:44.480 you know, just like the 1,000 start up that I've seen over the past week. 00:15:44.800 --> 00:15:45.200 So 00:15:45.655 --> 00:15:48.615 if you if you focus on design enough, 00:15:49.015 --> 00:15:51.735 right, if you find these systems 00:15:51.975 --> 00:15:53.095 that you can, 00:15:53.415 --> 00:15:56.215 uh, bring to your own system 00:15:56.615 --> 00:15:58.055 that is flexible enough, 00:15:59.500 --> 00:16:01.500 then you can create something 00:16:01.820 --> 00:16:03.180 way more powerful. 00:16:03.340 --> 00:16:07.260 So I like to think of Designer. Md like a design memory. 00:16:07.900 --> 00:16:08.860 And this 00:16:09.420 --> 00:16:13.180 is great because it it it can transfer between platform. 00:16:14.325 --> 00:16:14.885 So 00:16:15.365 --> 00:16:17.685 if you're working in Lovable 00:16:17.925 --> 00:16:21.365 and you like what you've done or in cloud design 00:16:21.765 --> 00:16:23.045 and then you wanna 00:16:23.365 --> 00:16:26.245 move it to Figma or you wanna move it to, 00:16:26.645 --> 00:16:29.125 uh, you know, to Cursor 00:16:29.550 --> 00:16:34.350 or to you know, nowadays, I use codecs a lot. I know a lot of people use Cloud Code, 00:16:34.590 --> 00:16:41.310 but you can totally do all of that stuff because you can carry this this Designer. Md, and then you can commit it to memory 00:16:42.145 --> 00:16:44.385 by telling your AI, your agent, 00:16:44.785 --> 00:16:49.025 to remember. That I mean, I do that all the time. Remember this. Remember that. 00:16:49.265 --> 00:16:55.505 And I think agents nowadays are are doing a pretty good job at, um, you know, trying to remember 00:16:56.120 --> 00:16:57.640 the workflow 00:16:57.640 --> 00:17:02.360 that you've just done. Right? Because that workflow is unique to you. 00:17:03.400 --> 00:17:08.840 Like, a lot of things that I make nowadays, I'm I'm sure it applies to everyone out there who is making their own apps. 00:17:09.735 --> 00:17:10.775 First of all, 00:17:11.255 --> 00:17:12.055 for me, 00:17:12.615 --> 00:17:17.975 when I make apps, I look at what is the moat. What what is something 00:17:18.215 --> 00:17:29.750 that I can do with my app that Notion cannot do or Figma cannot do? For me, that mode right now is the fact that everything is local. So for example, this is all local. 00:17:29.910 --> 00:17:34.230 And because it's local, it it it generates these MD files across 00:17:34.310 --> 00:17:35.030 folders 00:17:35.635 --> 00:17:37.155 and nested folders 00:17:37.235 --> 00:17:40.515 that I can just open in codecs 00:17:40.835 --> 00:17:45.155 and open that folder and and tell my my agent, look. 00:17:45.395 --> 00:17:47.715 I have a Greg Greg Eisenberg 00:17:47.715 --> 00:17:48.755 podcast. 00:17:48.755 --> 00:17:49.875 I want you to prepare 00:17:50.350 --> 00:17:52.830 all of these screens. I want you to prepare, 00:17:53.070 --> 00:17:57.470 you know, 10 sections or 10 notes or do research, 00:17:57.870 --> 00:18:02.030 and it has all of that knowledge, and it can create all of those files 00:18:02.110 --> 00:18:03.950 in one single go, 00:18:04.555 --> 00:18:07.835 which I think is such a big moat nowadays. Right? You can't like 00:18:08.555 --> 00:18:15.115 sure, some tools can do that, but one, you have to deal with tokens, you have to pay for them, you cannot run locally, 00:18:15.275 --> 00:18:25.860 and you don't have your own workflow embedded into it. But nowadays, you have something like OpenClaw or or Codex or CloudCode that can do all of that, and it's so scary how good it is. 00:18:27.060 --> 00:18:28.180 A 100%. 00:18:28.740 --> 00:18:29.460 So 00:18:29.940 --> 00:18:31.540 what you know, you mentioned, 00:18:33.715 --> 00:18:35.875 you know, Cloud Design. You mentioned, 00:18:36.275 --> 00:18:38.195 you know, all these different platforms. 00:18:38.675 --> 00:18:43.395 You know, we're talking about Google, so Google Stitch is another one. Like, 00:18:43.635 --> 00:18:44.835 can you show us 00:18:45.315 --> 00:18:46.675 how we can 00:18:47.990 --> 00:18:49.750 how we can go from, 00:18:50.230 --> 00:18:53.830 you know, MD file plus HTML to 00:18:53.830 --> 00:18:54.870 creating something? 00:18:55.830 --> 00:18:56.550 Sure. 00:18:56.710 --> 00:18:58.950 First of all, I just wanna start with 00:18:59.270 --> 00:19:00.070 sort of, like, 00:19:00.725 --> 00:19:01.445 you know, 00:19:02.245 --> 00:19:04.645 getting the MD file, but also 00:19:05.205 --> 00:19:08.965 focusing on the design aspect. For me, it's really important, 00:19:09.285 --> 00:19:14.420 but not everyone's gonna do that. But I think it makes sense to start with that. So for example, 00:19:14.740 --> 00:19:19.700 you know, I don't know if you know varian. Varian is also very good. Yes. Varian.com. 00:19:20.820 --> 00:19:25.860 You know, I like tools like this because they allow me to get into the sort of 00:19:26.435 --> 00:19:42.450 creative stage, which I think is incredibly important. And essentially, what you wanna do is just to remix, you know, click one button, remix, click one button, remix. You find something that you like, you remix, and so on and so forth. So that's why, you know, for me, as someone who build aura, I also find it incredibly 00:19:42.610 --> 00:19:45.730 enticing. So I go to community, right, 00:19:45.970 --> 00:19:47.890 and I find something that I like 00:19:48.130 --> 00:19:51.090 and, uh, you know, I just I just remix it, 00:19:51.410 --> 00:19:58.365 uh, really quickly. In one click, I I have a bunch of skills. Like I mentioned before, skills are like ingredients. 00:19:58.765 --> 00:20:02.285 And, you know, if you go to to to some of these skills, 00:20:02.685 --> 00:20:05.645 you're gonna see that some of them are so so powerful. 00:20:05.885 --> 00:20:09.725 And this is your moat in design because you don't wanna look generic. 00:20:10.150 --> 00:20:14.150 You don't wanna have purple gradients. So the only way to do that is, for example, 00:20:14.390 --> 00:20:16.390 you you create a skill for lasers. 00:20:16.630 --> 00:20:23.590 Okay? So I know it sounds funny, but whenever I create a landing page with lasers, everyone clicks on it. I don't know why, 00:20:23.990 --> 00:20:36.475 but people love it so much because they love special effects. Right? If you go to a movie, what you know, you wanna see special effects. You wanna see, you know, the Avengers kind of, you know, doing these grand things. 00:20:36.875 --> 00:20:37.275 So 00:20:37.860 --> 00:20:40.740 that's the mode. Right? Like, nowadays, 00:20:40.900 --> 00:20:42.500 just having the typography, 00:20:43.060 --> 00:20:54.735 just having the colors is not enough unless it's a secondary page or unless it's something that is very serious. But if you're talking about a landing page or a promo video or, you know, a slide, you need a moat. 00:20:54.975 --> 00:20:55.535 So, 00:20:55.775 --> 00:21:00.095 uh, yeah. You know, like, remix super fast, blah blah, you know, like, 00:21:00.975 --> 00:21:09.340 uh, you're gonna remix this, click one button, you know, and then do that until you're happy. Once you're done with that with that flow, 00:21:09.820 --> 00:21:15.500 then you get into the prompt. Right? So each skill has a prompt, so you can copy this. 00:21:16.060 --> 00:21:19.820 And anything all of that stuff, like DesignMD and skills are free. 00:21:20.425 --> 00:21:22.185 And, uh, this is not 00:21:22.505 --> 00:21:25.945 why you should be paying money. But you you pay money because of tokens. 00:21:26.105 --> 00:21:29.225 You pay money for the finished results such as a template, 00:21:29.625 --> 00:21:33.225 um, and sort of like the whole sort of automation 00:21:34.425 --> 00:21:35.225 and whatnot. 00:21:35.950 --> 00:21:36.590 So, 00:21:36.990 --> 00:21:39.470 you know, you're gonna go to a template, 00:21:39.470 --> 00:21:43.150 you know, like, uh, I don't know. Let let's go to to this one. 00:21:43.710 --> 00:21:44.910 And and then 00:21:45.630 --> 00:21:47.310 you're gonna download 00:21:47.310 --> 00:21:49.310 both the HTML 00:21:49.550 --> 00:21:50.910 and the DesignerMD. 00:21:51.335 --> 00:21:55.735 The reason why I'm saying HTML is that's, you know, design.md 00:21:55.975 --> 00:21:58.055 may not hold all the information 00:21:58.375 --> 00:22:01.735 that that you need to keep to create your first result. 00:22:01.975 --> 00:22:04.750 It does hold sort of, like, the 00:22:04.990 --> 00:22:05.950 typography, 00:22:05.950 --> 00:22:07.870 colors, the foundation, the spacing. 00:22:08.270 --> 00:22:15.470 Some of them, including my own, holds also the WebGL, which I find for those who don't know, WebGL is the animation 00:22:16.075 --> 00:22:31.640 that powers the laser. Right? Without WebGL or Three. Js, which is for three d, you don't have any of that stuff. You only have the typography and some of the reveal animations and some of the rules. So that's why these two elements here for me is really important, 00:22:31.880 --> 00:22:42.760 and that's what gives you these beautiful animation that makes your site a lot more unique. It goes from, you know, zero to 50 or 50 to 80 real fast. 00:22:43.475 --> 00:22:46.035 And so, yeah, I would download the two of them. 00:22:46.515 --> 00:22:51.475 And, you know, back to here, so we already had the demo, so I might as well show you guys. 00:22:51.795 --> 00:22:53.075 Uh, on Aura, 00:22:53.075 --> 00:22:55.955 you can go to design.md. 00:22:56.115 --> 00:22:58.355 This is why where you're gonna find all of this stuff, 00:22:59.420 --> 00:23:00.460 the design, 00:23:00.780 --> 00:23:03.820 and then you you take something that you like 00:23:04.380 --> 00:23:08.220 and you add that to your prompt. So the same way that I download design.md 00:23:08.220 --> 00:23:10.860 in HTML, I add it to my prompt, 00:23:11.020 --> 00:23:12.540 and now I'm ready 00:23:12.875 --> 00:23:14.475 to to tell 00:23:14.635 --> 00:23:18.315 what I want for my landing page. So for example, I can say something like, 00:23:18.555 --> 00:23:19.195 okay, 00:23:19.435 --> 00:23:20.715 create a landing page 00:23:21.275 --> 00:23:22.795 for my startup 00:23:22.795 --> 00:23:23.595 call, 00:23:23.675 --> 00:23:24.075 you know, 00:23:25.910 --> 00:23:27.190 I don't know, like, 00:23:27.510 --> 00:23:28.070 Aura. 00:23:28.470 --> 00:23:31.750 And, uh, I know, really original. 00:23:31.830 --> 00:23:32.470 So 00:23:32.710 --> 00:23:36.550 and then it's going to be a chat app that is, um, 00:23:36.950 --> 00:23:40.230 you know, that that is using AI 00:23:40.230 --> 00:23:41.430 and that 00:23:42.565 --> 00:23:46.405 ships stuff to people, uh, to their email, whatever. 00:23:46.725 --> 00:23:49.445 So let's see what it does. Okay. 00:23:50.405 --> 00:23:52.645 So now we have the design.md. 00:23:52.645 --> 00:23:55.525 We have the HTML, and then we we're just gonna create it. 00:23:55.845 --> 00:23:58.940 Let's hope for the best. But, uh, you know, 00:23:59.580 --> 00:24:09.260 it's got this this obviously, you don't have to use Aura. You can just use whatever tool that you want. I just wanted to show you that that's essentially what you're supposed to do. You download 00:24:09.340 --> 00:24:17.425 the two files or just a design. M d, however you want that to be, and then you start creating your, uh, your page, 00:24:17.745 --> 00:24:19.665 uh, through that system. 00:24:19.905 --> 00:24:20.945 And from there, 00:24:21.585 --> 00:24:23.425 you can generate more, 00:24:24.020 --> 00:24:26.340 you know, elements, more sections, 00:24:26.500 --> 00:24:29.460 more because you have the designer.md 00:24:29.460 --> 00:24:33.620 always with you. And also, you can bring that to another platform. 00:24:33.860 --> 00:24:35.860 It's not specific to one platform. 00:24:36.345 --> 00:24:38.585 And what's your take on Google's 00:24:38.985 --> 00:24:41.385 Google Stitch? I haven't I haven't gone deep in it. 00:24:42.345 --> 00:24:43.305 Right. So 00:24:44.105 --> 00:24:45.705 for me, honestly, 00:24:46.505 --> 00:24:48.585 as someone who builds a startup 00:24:48.905 --> 00:24:49.785 using tokens, 00:24:50.870 --> 00:24:54.550 you know, it's it's really unfair, to be honest, 00:24:54.710 --> 00:24:58.630 because they they're they're able to give all of these stuff for free. 00:24:58.950 --> 00:25:04.710 And I just realized, you you know what? Like, I spent almost half $1,000,000 in token for my startup right now. 00:25:05.645 --> 00:25:07.485 Right? It's it's insane. 00:25:07.725 --> 00:25:13.085 So, yeah, you can do basically the same thing. Uh, I don't know if this is the correct one, 00:25:13.485 --> 00:25:17.485 but, you know, like, uh, create the landing page 00:25:19.920 --> 00:25:20.960 for Aura. 00:25:21.200 --> 00:25:23.040 And, uh, you know, 00:25:23.520 --> 00:25:24.960 you're gonna select web, 00:25:25.200 --> 00:25:27.360 and you're gonna select 3.1. 00:25:28.000 --> 00:25:28.640 Now 00:25:29.760 --> 00:25:31.360 what makes it different 00:25:31.865 --> 00:25:34.345 is that it has an infinite canvas. 00:25:34.745 --> 00:25:36.585 Oh, I don't know what's going on here, 00:25:36.825 --> 00:25:38.985 but it's 00:25:38.985 --> 00:25:44.505 it's also doing stuff differently. And this this concept of, like, attaching DesignIMD, 00:25:44.505 --> 00:25:46.025 which I feel very strongly about, 00:25:46.780 --> 00:25:57.900 is still, like, new to a lot of platforms. So as someone who works in AI, your moat is basically you have to be new. You know? You have like, I I don't I'm sure any anyone can relate, 00:25:58.220 --> 00:25:58.700 but 00:25:59.305 --> 00:26:06.265 you always when there's a new model that comes, you have to talk about it. Otherwise, you're kind of losing a lot of that sort of edge 00:26:06.265 --> 00:26:08.745 that you have all over all of these companies. 00:26:09.145 --> 00:26:09.705 So 00:26:10.025 --> 00:26:12.105 the same way with tools, 00:26:12.585 --> 00:26:12.825 you 00:26:13.500 --> 00:26:16.140 you know, and and the same way when you build a start up, 00:26:16.540 --> 00:26:17.660 you have to 00:26:18.140 --> 00:26:19.100 utilize 00:26:19.180 --> 00:26:21.820 all the best technologies and tools. 00:26:22.300 --> 00:26:27.100 And in this case, we're using a Designer. Md. It's recreating exactly 00:26:27.260 --> 00:26:28.140 that foundation 00:26:28.755 --> 00:26:30.435 that we saw on Aura. 00:26:30.995 --> 00:26:34.755 And, you know, it's going to create the same consistent design 00:26:35.155 --> 00:26:36.675 whether it's from here 00:26:37.235 --> 00:26:49.150 or on Aura. Uh, in this case, I used two different designs, so that's why we have two different designs. But if, you know, in this case, I'm using Auralist and the other one, I use the one that I I I click earlier. 00:26:49.550 --> 00:27:04.315 But, you know, here, I can just say, you know, create the footer, and it's gonna create, like, add the footer, and it's just gonna create the footer. But you can see the design using this technique gives me exactly what I want. It also, uh, you know, it also 00:27:04.395 --> 00:27:05.595 adapted to 00:27:05.995 --> 00:27:09.595 my to my design, to my brand, to my copywriting. 00:27:09.920 --> 00:27:16.000 And then from here, you can use skills. Right? Like, for example, I I love to use skills like 00:27:17.120 --> 00:27:19.120 if you go to skills, copywriting 00:27:19.120 --> 00:27:19.840 skill. 00:27:20.880 --> 00:27:22.080 So this is going to 00:27:23.335 --> 00:27:24.775 improve your copy 00:27:24.935 --> 00:27:26.215 by a 100%. 00:27:26.215 --> 00:27:28.695 You know, it's gonna look at your text, 00:27:29.095 --> 00:27:33.015 and it's going to to make it so much better. So 00:27:34.055 --> 00:27:35.015 skills, 00:27:35.175 --> 00:27:36.535 Designer. Md, 00:27:36.695 --> 00:27:37.415 HTML, 00:27:38.440 --> 00:27:43.400 all of these things, if if you merge all of them and blend all of them together, 00:27:43.560 --> 00:27:45.880 you create something really, really powerful. 00:27:46.280 --> 00:27:48.600 And, you know, to visualize all of this, 00:27:49.160 --> 00:27:52.440 you know, this is a new tool that I built, which is called Newform. 00:27:52.895 --> 00:27:55.695 You know, you can sort of, like, in one click, 00:27:56.095 --> 00:27:57.135 I turn this, 00:27:57.695 --> 00:28:01.375 you know, which is a motion design. Right? I go to prompt, 00:28:01.775 --> 00:28:04.095 and I have all of these skills that I already saved. 00:28:05.470 --> 00:28:25.695 And then I can just click, oh, I want laser. I'm gonna click on laser. And it you know, I can just create another one and another one. So I love the the idea of queuing, which is why we have a different products is because, like, queuing is is such a powerful idea that I use all the time. Nowadays, I create, like, three, four products. At the same time, I have, like, multiple chats 00:28:25.695 --> 00:28:49.465 with sub agents on on across all of them. So that's why, you know, I I wanted to create something way more focused on the creative aspect. And on top of that, we also have the remix type. Again, all of these are prompts, by the way. Like, I'm I'm not, like, you know, keeping anything behind closed doors. You don't have to use my tools at all. But, you know, I just wanted to show you visually how how it is like 00:28:49.785 --> 00:28:52.425 to turn something into mobile. 00:28:52.585 --> 00:28:55.465 Right? Or, you know, if I go here to mobile, 00:28:56.665 --> 00:28:58.025 you're gonna see that I have 00:28:58.540 --> 00:29:01.820 turned my designs into mobile design. 00:29:01.980 --> 00:29:08.140 Beautiful. You know, I mean, if you look at this, it's hard to tell if this is made by a human 00:29:08.300 --> 00:29:11.340 or by AI, but I can guarantee you a 100% 00:29:11.420 --> 00:29:18.415 that this was made by AI. And from here, I can just say, okay. I want a slide deck. Okay. I want, 00:29:18.655 --> 00:29:20.655 you know, a motion design. 00:29:20.895 --> 00:29:21.695 I want 00:29:22.015 --> 00:29:29.135 the hero section of a know? And then I'm doing six design at the same time, which is so good so good for the creativity. 00:29:29.910 --> 00:29:33.030 It kinda reminds me of how mid journey works. 00:29:34.070 --> 00:29:36.550 You know, on mid journey, you kind of 00:29:37.110 --> 00:29:44.715 I haven't used mid journey in, a year and a half maybe, but, like, that that concept around you can, like, generate multiple things. 00:29:44.955 --> 00:29:51.035 And what's really cool about this is, like, you get into this flow state of, like, okay. I want this. I want that. I'm gonna queue this up, 00:29:51.355 --> 00:29:53.115 and it's really fun. 00:29:54.555 --> 00:30:02.380 I I agree. Like, the concept of queuing is not new per se. I'm I'm just saying, you know, a lot of the things that we do 00:30:02.940 --> 00:30:12.065 see here, it just transformed into mobile. And a lot of the things we do can just be transferred so easily because we have this this concept of, like, skills 00:30:12.305 --> 00:30:14.225 and design. Md. 00:30:14.385 --> 00:30:28.270 Right? Yeah. So, you know, uh, one of your guests, for example, was talking and he's he he calls himself, like, a a skills maxi, which I find it really funny because I totally agree. Like, for me, I don't put anything in my agents.md 00:30:28.430 --> 00:30:30.590 because I have my design.md, 00:30:30.590 --> 00:30:32.670 which I use per project, 00:30:33.070 --> 00:30:36.350 and then I have my skills, which I use per workflow. 00:30:36.750 --> 00:30:39.390 And if you only change the agent.md, 00:30:39.550 --> 00:30:40.030 oftentimes, 00:30:40.555 --> 00:30:48.955 you know first of all it costs a lot more tokens but also it's too general like it doesn't apply to every single workflow out there so here I added the laser 00:30:49.275 --> 00:30:51.915 and here I turn it into a slide 00:30:52.235 --> 00:30:55.675 you know like again it's so so fun to 00:30:56.070 --> 00:30:59.830 queue and to sort of, like, expand your creativity 00:31:00.150 --> 00:31:08.870 across all of this stuff. So you have something like Aura Lovable VZero, which allows you to chat and sort of, like, evolve into something 00:31:09.190 --> 00:31:09.990 into a product. 00:31:10.525 --> 00:31:19.485 But I think what people sort of, uh, underestimate a lot is the design aspect which is, you know, how do you come up with new sections that are unique. 00:31:19.805 --> 00:31:21.885 Right? How do you, uh, 00:31:22.365 --> 00:31:27.260 you know, work on the creativity and how do you learn about all of this stuff? 00:31:27.580 --> 00:31:29.500 Because if you don't 00:31:29.980 --> 00:31:40.860 learn this stuff, you know, you're you're just focusing so much on the chat and you're just chat chatting chatting and then giving commands in the AI. The AI do do all the work for you, then you're not making any decision 00:31:41.055 --> 00:31:44.095 or at least you're not making the best decision for your product. 00:31:44.655 --> 00:31:51.775 Can you quickly go back? I'm just curious more than anything, like, the skills section of Newform, I think it's called. 00:31:52.575 --> 00:31:55.135 Yes. Like, it's what happens when I click there? 00:31:56.270 --> 00:31:58.190 Yes. So you have access to 00:31:58.590 --> 00:32:11.070 right now, have 63 skills, but I'm adding more every day. So for example, you have a skill for skeuomorphic design. For those who don't know, skeuomorphic design is kind of like the the realistic design that Apple used to use before the flat design. 00:32:11.765 --> 00:32:12.485 And 00:32:12.885 --> 00:32:17.605 it's a prompt. It's just a prompt and you can copy this prompt and you can just tell 00:32:17.845 --> 00:32:18.965 your agent 00:32:19.125 --> 00:32:20.085 to use, 00:32:20.405 --> 00:32:22.245 uh, you know, to use this skill 00:32:22.805 --> 00:32:27.685 and then to apply that. So for example, you're gonna have something a little bit more 00:32:27.180 --> 00:32:28.060 embossing, 00:32:28.460 --> 00:32:31.580 know, something like like this design for example. 00:32:31.980 --> 00:32:33.020 You know, it has 00:32:33.340 --> 00:32:44.895 some of these, you know, shading and stuff like that. A lot of people still love that. I love that when it makes sense. So for example, if you do like a DJ app, you might want something with a little bit more realistic. 00:32:44.975 --> 00:32:53.695 You want a button that is lickable as Steve Jobs says, well, yeah, you need a skeuomorphic design. Right? And we also have a skill for, uh, you know, for the three d. 00:32:55.100 --> 00:33:04.220 So, you know, this this little globe here that you put, well, that's three d and then you can move that on top of the text which makes it look really nice. 00:33:04.620 --> 00:33:07.580 So a lot of like, every skill 00:33:08.095 --> 00:33:11.375 can be anything, you know, it can be like a batch design, 00:33:12.095 --> 00:33:13.695 uh, like this one, 00:33:14.335 --> 00:33:24.750 and you can have, uh, you know, all of these are also copyable. So for example, if you only want just the colors, can just copy the colors or just want the typography. 00:33:25.150 --> 00:33:43.295 So not only do you learn how to sort of like add to your arsenal all of these keywords that you did what is font smoothing, what is sound font, what is system font, what is a body font, or what is the secondary color, what is a secondary button. So all of these things are really 00:33:43.695 --> 00:33:45.055 useful when 00:33:45.375 --> 00:33:48.335 you, you know, chat with your AI agents 00:33:48.670 --> 00:34:04.190 and, you know, sometimes I condense it into just one word. Okay. Fix the spacing. Fix the gap. You know? Fix this. Fix that. And it's just so powerful to learn all of this stuff because it's all part of the Designer. MD and it it holds so much richness 00:34:04.565 --> 00:34:07.125 to how you can manage your design. 00:34:07.445 --> 00:34:11.925 And it must be cool for you because you've been, you know, you've been teaching designers 00:34:11.925 --> 00:34:15.605 for years now and these are, you know, mostly, 00:34:16.485 --> 00:34:17.205 I mean, 00:34:17.685 --> 00:34:18.885 trained designers. 00:34:18.885 --> 00:34:19.685 Now anyone 00:34:21.000 --> 00:34:22.280 is a designer. 00:34:22.760 --> 00:34:24.840 That's such a good point, honestly. 00:34:25.800 --> 00:34:26.520 You know, 00:34:27.000 --> 00:34:31.640 when when I first started, nobody was using like, most designers were not coding. 00:34:32.375 --> 00:34:35.895 And nowadays, everyone is coding including nondesigners. 00:34:36.615 --> 00:34:40.775 Uh, you know, before, like, ten, twenty years ago, everyone was using Photoshop 00:34:40.935 --> 00:34:43.015 and then Sketch and then Figma. 00:34:43.415 --> 00:34:54.410 But nowadays, everyone is a designer, and everyone is kind of, like, downloading a template or an HTML or a design. M d, and then suddenly they have the most beautiful landing page. 00:34:54.970 --> 00:34:59.610 Sure. They one shot it. Sure. They don't know how to change it or make it better, 00:34:59.850 --> 00:35:01.850 but they still have an amazing one shot, 00:35:02.935 --> 00:35:04.775 you know, one shot 00:35:05.175 --> 00:35:06.055 prompt. 00:35:06.215 --> 00:35:16.055 Uh, but what I wanna teach here is the whole workflow so that you don't end up with just a one shot shot thing. And how do you you know, can you guess how many prompts that I use to build these products? 00:35:17.160 --> 00:35:19.880 Just give me a number. How many prompts do you think I use? 00:35:20.440 --> 00:35:22.280 It's definitely not one shot. 00:35:23.320 --> 00:35:24.840 I don't know. A couple dozen? 00:35:25.640 --> 00:35:26.920 Twenty? Twenty five? 00:35:27.480 --> 00:35:28.920 At least a thousand. 00:35:30.280 --> 00:35:33.035 Yes. This is how obsessive 00:35:33.275 --> 00:35:36.555 one can be Wow. When it comes to creating. Yes. 00:35:36.795 --> 00:35:37.435 Like, 00:35:37.675 --> 00:35:39.675 I'm building four products right now, 00:35:40.475 --> 00:35:41.035 you know, 00:35:41.435 --> 00:35:42.155 Aura, 00:35:42.555 --> 00:35:43.355 Newform. 00:35:43.675 --> 00:35:46.075 Well, this I don't really count it as a product. 00:35:46.850 --> 00:35:48.610 I have DreamCut, 00:35:48.610 --> 00:35:51.730 which I'm gonna be real revealing soon. It's a Mac app. 00:35:52.210 --> 00:35:52.770 And, 00:35:53.010 --> 00:35:56.610 you know, I'm also rebuilding design code from scratch. 00:35:57.090 --> 00:36:03.145 So four product all at once, and I'm not even including a side product like this one, which, honestly, 00:36:03.545 --> 00:36:13.385 I love using it just because I'm able to tell my agent to write everything for me, and I'm able to just generate these images, these YouTube covers using 00:36:13.545 --> 00:36:20.400 a history of my portrait that I save into this because there's no tool that does this. Right? Like, you you build tools 00:36:20.640 --> 00:36:26.400 literally because nothing else is doing it. And there's nothing else that has a slider that says, 00:36:26.640 --> 00:36:30.480 okay. I want this to be exactly or I want this to be loosely inspired. 00:36:30.985 --> 00:36:35.065 Like, have you seen this UI before? I've never seen that. And I see a lot of products. 00:36:35.305 --> 00:36:36.185 Exactly. 00:36:36.185 --> 00:36:43.065 Yeah. And the the only reason why you we're able to kind of get there is because we're building something for ourselves. 00:36:43.750 --> 00:36:44.310 Right? 00:36:44.710 --> 00:36:46.470 And it's 00:36:46.470 --> 00:36:54.790 such a powerful thing. So if you look at the whole workflow, right, you you start with a reference. Every every designer, every someone who starts drawing something, 00:36:54.950 --> 00:37:04.835 they always copy first. They always start with reference to design the MD or in in most cases, they're just taking, like, copying a prompt some somewhere. And then we generate, we inspect, 00:37:04.995 --> 00:37:08.515 and then eventually using the designer MDU systemize. 00:37:08.515 --> 00:37:12.195 And then like I said, you iterate. This is where I get, like, to a thousand iterations. 00:37:13.230 --> 00:37:17.790 And then you, you know, and then you remix it to turn it into more 00:37:18.030 --> 00:37:22.270 mediums such as the slide, you need marketing material, Instagram slides, 00:37:22.350 --> 00:37:24.830 promo videos, you need like intros, you need, 00:37:25.575 --> 00:37:29.175 you know, something for your hyperframes or for your remotion. 00:37:29.495 --> 00:37:33.335 Whatever it is, you're essentially remixing at this point because you're 00:37:33.335 --> 00:37:33.975 happy. 00:37:34.135 --> 00:37:36.375 Because you you've done a thousand iterations, 00:37:36.695 --> 00:37:47.630 you're happy with your product, you're happy where it's going, you you feel there's a salt to it. Because I think most people, what they tend to forget is that humans, they don't see the soul across the screen. 00:37:48.030 --> 00:37:48.910 We do. 00:37:49.070 --> 00:37:59.285 Okay. We like, we're innate to that. When you you you can feel I don't know how how to say it, but Steve Jobs said it very well. When you use a product 00:38:00.645 --> 00:38:08.965 and when you really, like, take a magnifier and you look into it, you really feel the care that is put into it. It's not because we have AI 00:38:09.045 --> 00:38:12.340 that we we can just skip all of that care. Right? 00:38:12.740 --> 00:38:19.460 It just happens that that care is now residing into the prompting and the sort of the workflow, 00:38:19.460 --> 00:38:21.940 the club, the, you know, the open claw, 00:38:22.340 --> 00:38:25.060 you know, the things, the thousand iterations that I do. 00:38:25.815 --> 00:38:29.975 I've never worked more more in my entire life on more products 00:38:30.215 --> 00:38:35.255 on on, like, on more problems in my entire life than now. 00:38:35.895 --> 00:38:40.295 AI is not making me lazier. AI is making me more work more. 00:38:41.180 --> 00:38:45.260 And, yeah, you know, and, you know, we we get into the expansion 00:38:45.260 --> 00:38:49.980 and we export our product and it becomes like a final product that we can ship. 00:38:51.020 --> 00:38:51.660 So 00:38:51.820 --> 00:38:52.620 iteration 00:38:52.860 --> 00:38:53.740 versus remix. 00:38:54.445 --> 00:38:58.045 This is a very important concept. Like I like I mentioned in my slider, 00:38:58.205 --> 00:39:03.565 iteration is when you're happy with the result and you wanna kind of like boost small incrementations. 00:39:03.805 --> 00:39:08.045 And remix is when you wanna, you know, build a new product category, for example. 00:39:08.880 --> 00:39:15.680 So I love the idea of iteration more, and I use this, I would say, 90% of the time and 10% of the time. 00:39:16.400 --> 00:39:19.520 And then, yeah, I already did the did the demo. Okay. 00:39:20.080 --> 00:39:24.320 So we can talk about what designer what what has changed for designers. 00:39:25.175 --> 00:39:28.775 So what what I believe is that everything is changing, 00:39:30.135 --> 00:39:32.455 and we're doing a lot less of the 00:39:32.695 --> 00:39:33.975 moving pixels, 00:39:34.375 --> 00:39:36.775 moving rectangle and resizing 00:39:36.775 --> 00:39:39.495 things. We're doing a lot more judgment per minute. 00:39:40.300 --> 00:39:41.100 In fact, 00:39:41.340 --> 00:39:49.580 you know, for me, the agent is more like someone who's, uh, doing a lot of the sort of the moving pixels and the coding, 00:39:49.980 --> 00:39:52.780 and then I have to make the right decisions. 00:39:53.425 --> 00:40:07.025 I remember the CEO of Amazon was saying like if you make a really good, like one powerful decision in a day or a few powerful, then that changes your entire business. And I think, you know, I agree with that. You have to make these extremely powerful decisions 00:40:07.760 --> 00:40:10.160 and also you have to make these incredibly 00:40:10.720 --> 00:40:17.600 small decisions as well just because the AI is not intelligent enough to make the smaller decisions yet. 00:40:17.680 --> 00:40:21.920 But eventually it's gonna get bigger and bigger. The decision is gonna become bigger and bigger. 00:40:22.320 --> 00:40:26.435 Um, and then, you know, that's kind of what's changed. We're we're shifting 00:40:26.515 --> 00:40:29.315 our, uh, you know, our creativity and 00:40:29.635 --> 00:40:32.115 we're shifting to something that is more, 00:40:32.595 --> 00:40:33.315 you know, 00:40:33.715 --> 00:40:43.050 uh, looking for a high level. I've never done more marketing in my life. I've never done more YouTube videos in my life or or slides and and promo videos. 00:40:43.450 --> 00:40:48.810 So yeah, this is what's changed. We're we're now everyone's like a creator, everyone's like an Instagram, 00:40:49.050 --> 00:40:50.650 you know, a filmmaker 00:40:50.650 --> 00:40:55.685 of some sort. So this is, you know, I think this is what's what's happening. 00:40:56.805 --> 00:40:58.485 There's so many ideas 00:40:58.965 --> 00:41:00.165 that we can create. 00:41:00.885 --> 00:41:01.445 And, 00:41:01.765 --> 00:41:05.685 yeah, you know, don't wanna get too too deep into the slides. I wanna get to your questions, obviously. 00:41:06.410 --> 00:41:09.050 Yeah. I think, you know, just your point around, like, 00:41:10.010 --> 00:41:13.530 you've never done more in your life. I think what's also interesting is, like, 00:41:14.330 --> 00:41:17.610 you're you're a team of one. Am I is that correct? Like, 00:41:18.170 --> 00:41:30.935 is that am I correct? I'm I'm a team of many, but not because of what I'm doing right now. Right now, I'm kind of like a team of one. Like, all of these products I'm showing right now is me building them by myself. 00:41:31.590 --> 00:41:44.390 Yeah. But the reason why I still have a team is because I started in the days of Design Code and I built this team that I grew really fond of. They started from nothing. They haven't gone to school like myself. Haven't 00:41:44.710 --> 00:41:46.150 gone to school to study design. 00:41:46.605 --> 00:41:48.365 I drop out of college 00:41:48.525 --> 00:41:55.805 and then I learned everything on the field. I started my first job at 18 and then you know started my first company at 22. 00:41:56.365 --> 00:41:57.725 So you know 00:41:58.125 --> 00:42:01.165 a lot of like everyone in my team started from nothing 00:42:01.820 --> 00:42:04.860 And, uh, you know, I feel very 00:42:05.260 --> 00:42:15.125 attached to them, which is why I have them with me. But you're right. You know? Like, all like, all of these products, I started by myself. I work on them for a month, a thousand iterations, 00:42:15.125 --> 00:42:18.005 maybe more to to some some of them 10,000 iterations 00:42:18.485 --> 00:42:21.685 and, uh, I arrive to a point where it's mature enough 00:42:22.005 --> 00:42:28.410 and then we get to the team to to build templates and videos and and and sort of like the material 00:42:28.970 --> 00:42:30.490 that expands on that. 00:42:30.890 --> 00:42:31.450 And, 00:42:32.410 --> 00:42:39.050 you know, I came across this this quote, this fake quote from Steve Jobs on his on his final, 00:42:39.610 --> 00:42:40.330 you know, bed, 00:42:40.885 --> 00:42:43.845 you know, when when he, uh, he he was passing. 00:42:44.165 --> 00:42:51.525 It's it's apparently, it's a fake one, but it was saying, like, if you wanna go if you wanna go really fast, you start alone. You start solo. 00:42:51.685 --> 00:42:52.885 But if you wanna go far, 00:42:53.530 --> 00:42:55.130 you need to be in a team. 00:42:55.370 --> 00:42:58.970 So that's what I think right now. Like, most of us, we start 00:42:59.450 --> 00:43:07.705 solo because we cannot go any faster. Right? We we're, like, operating a fleet of, you know, ten, twenty agents 00:43:08.105 --> 00:43:09.305 all at once, 00:43:09.705 --> 00:43:10.665 and that's great. 00:43:10.985 --> 00:43:12.025 But eventually, 00:43:12.345 --> 00:43:18.505 you need to get people with you. You you know, you need to be part of a mission, and then you need to sort of sort of like, 00:43:20.510 --> 00:43:25.870 you know, make these videos that feel more authentic because people crave authenticity. 00:43:26.270 --> 00:43:29.550 They want real people. They want real craftsmanship 00:43:29.630 --> 00:43:32.270 behind all of these pixel art at some point because, 00:43:33.035 --> 00:43:37.995 you know, the cracks are gonna show if you only use AI the, you know, the whole way. 00:43:38.875 --> 00:43:41.755 Yeah. I think there's I think there's two types of people. I think there's 00:43:42.155 --> 00:43:53.430 the first type of person, which is what you're saying, which is like, go build product market fit, start scaling, and then from there hire a team. And the second type of person is the person 00:43:53.670 --> 00:43:59.030 who just loves being a lone wolf, you know, who just loves doing everything themselves. 00:43:59.110 --> 00:44:02.085 And I think what's cool about what you're doing, 00:44:03.365 --> 00:44:09.045 you know, you're essentially building a holding company of products as a one person business. 00:44:10.245 --> 00:44:18.560 Yes, you you know, some some of your businesses you're scaling with, you know, with people and stuff like that, but you know, the majority of it is is being run by one person, and 00:44:18.960 --> 00:44:26.000 you couldn't do that a few years ago. And I think more importantly than, you know, within the context of this episode, it's like you're creating 00:44:26.240 --> 00:44:27.360 beautiful 00:44:27.360 --> 00:44:31.225 products. Like, these products that you're creating are stunning. 00:44:31.465 --> 00:44:32.665 They're nuanced. 00:44:32.665 --> 00:44:38.345 They look really good. And I wanna end just with, you know, what what you know, in terms of 00:44:38.745 --> 00:44:40.665 building beautiful products, 00:44:40.745 --> 00:44:42.265 you know, we talked about DesignMD. 00:44:42.265 --> 00:44:46.950 We talked about skills. We talked about a lot of these other tools, Variant, Aura, 00:44:48.390 --> 00:44:50.150 some of the new tools you're working on. 00:44:50.630 --> 00:44:55.670 Is there anything else you wanna leave people with in terms of how you can create jaw dropping designs? 00:44:57.415 --> 00:45:00.295 Yeah. So like I said, your only moat 00:45:00.375 --> 00:45:07.175 is you being able to catch up with what is going on. Because if you look at everything that is legacy, 00:45:07.175 --> 00:45:14.680 that is already solved with all of these big companies that have millions and and nowadays hundreds of millions in the bank to tackle 00:45:15.160 --> 00:45:19.640 on these big things. So as people who are starting new ideas, 00:45:19.880 --> 00:45:25.560 the only mode that we have right now is just we can, you know, just click a button and we can say, 00:45:26.125 --> 00:45:29.405 we'll you know, we found this new model. It literally, 00:45:29.725 --> 00:45:32.045 uh, cooked all the designers and whatnot. 00:45:32.285 --> 00:45:36.925 Uh, it's funny. I know. I know we all hate it and it it becomes a meme, 00:45:37.085 --> 00:45:40.605 but at the same time, it it reflects the reality in which we are today, 00:45:41.090 --> 00:45:42.210 which is that 00:45:42.850 --> 00:45:46.050 that's how we survive as a space sheet. Right? 00:45:46.290 --> 00:45:55.170 We cannot compete anymore with the big companies and we have so many ideas in our head and we can finally realize them with just a few prompts 00:45:55.655 --> 00:45:57.735 at at least to get to an MVP. 00:45:58.055 --> 00:45:59.655 And that is usually, uh, 00:45:59.895 --> 00:46:03.815 good enough to launch a product. And there's just so many ideas 00:46:03.975 --> 00:46:09.175 because of it. So for example, Design. Md just came out and I already built like a bunch of features. 00:46:09.980 --> 00:46:13.340 And I could totally build a startup out of that if I wanted to. 00:46:13.660 --> 00:46:14.220 Right? 00:46:14.460 --> 00:46:15.260 Uh, QA, 00:46:15.500 --> 00:46:16.940 right? Uh, design, 00:46:17.100 --> 00:46:29.015 uh, memory, uh, this is what's solved a lot by by OpenClaw nowadays is when when the idea is like it has the whole memory inside your disk, inside your computer. 00:46:29.495 --> 00:46:34.935 You know, reusable taste marketplace. And I wanna leave with one final thing which is that 00:46:36.455 --> 00:46:37.175 taste 00:46:37.960 --> 00:46:38.680 is 00:46:38.840 --> 00:46:40.520 the real value here. 00:46:41.160 --> 00:46:52.520 And when I say taste, I don't necessarily just mean design taste. Obviously, design taste is very is very cool and is very powerful and I think that's my secret sauce. But for a lot of people, your taste 00:46:53.015 --> 00:46:59.895 can be, you know, like if you look at Barista, the taste of going of making so many cup cup of copies every morning, 00:47:00.135 --> 00:47:04.135 you eventually knows exactly how to do it. Taste in coding, 00:47:04.455 --> 00:47:07.480 taste in building apps. You have to 00:47:07.720 --> 00:47:18.520 just be surrounded by good design. Right? You have to look at good designs, not just be served by it, but also to look for it everywhere. 00:47:18.680 --> 00:47:23.175 You have to use every app in your niche. You have to follow every, 00:47:23.495 --> 00:47:26.775 uh, you know, makers and creators in your niche. 00:47:27.015 --> 00:47:30.295 And niche is the keyword here because you cannot compete anymore 00:47:30.535 --> 00:47:33.255 with people who are generalized. It's too difficult. 00:47:34.070 --> 00:47:35.990 Nowadays, we want authenticity, 00:47:35.990 --> 00:47:37.910 we want niche, we want taste, 00:47:38.550 --> 00:47:41.590 and if something looks like another thing, 00:47:42.150 --> 00:48:01.185 it it kind of reduced the value by like almost 10 to a 100 x in my opinion. Right? Like nowadays I see a website with purple gradient I'm like I don't wanna I don't wanna even wanna scroll anymore and I'm sure a lot of people feel the same way when we see like a website that looks just like another one. So yeah develop your taste, rinse and repeat, 00:48:02.040 --> 00:48:05.240 you know, follow what's going on and you know, 00:48:05.640 --> 00:48:08.280 get get that to that moat that you have 00:48:08.680 --> 00:48:14.200 and learn the workflow. Like everything that I taught here, get your designer MD, 00:48:14.360 --> 00:48:16.280 get the the templates, 00:48:16.520 --> 00:48:20.175 learn about the skills and the prompting behind the skills, 00:48:20.495 --> 00:48:24.975 and then I think you're gonna be doing just fine. Mhmm. I love that. I also think 00:48:25.775 --> 00:48:35.960 a lot of us have second brains for our notes, our meeting notes, ideas that we have, but a lot of us don't have a second brain for design inspiration. 00:48:37.000 --> 00:48:37.720 So 00:48:38.200 --> 00:48:45.000 I think the idea of when you see something in the real world or on the digital world where you're like, this is really cool, 00:48:45.565 --> 00:48:48.445 capturing that and putting it somewhere 00:48:48.845 --> 00:48:49.485 where 00:48:50.125 --> 00:48:59.245 you're like, you can you know, when you're when you're trying to create something new, you can refer back to your second brain for creative inspiration. What do you think about that? 00:49:00.920 --> 00:49:02.600 A 100%. I mean, 00:49:03.400 --> 00:49:12.680 I think whether you call it a second brain or your creative side of the brain or, you know, something that keeps you going because, you know, we crave purpose. 00:49:12.680 --> 00:49:14.120 We crave to be praised. 00:49:14.835 --> 00:49:20.275 And you cannot get if you you cannot get there, uh, you know, you can get not get to that purpose 00:49:20.435 --> 00:49:26.675 if you don't somehow get excited by it and and kind of explore something new and adapt to a new reality. 00:49:27.490 --> 00:49:31.330 And I I think, like I said, taste is so so important. 00:49:31.650 --> 00:49:36.450 This is where we develop that we make all of these micro decisions super quickly. 00:49:37.090 --> 00:49:54.585 Uh, in in an instant, you can tell right away if the design is good or not or if there's a care behind it or not. You know, you touch like a phone, like an iPhone, and you're like, you feel right away this is extremely high quality and you wanna use this, uh, as your, you know, as your main daily driver. So, 00:49:54.985 --> 00:50:00.360 yeah, you know, please use your your your creative brain. Please use your second brain. Please use your, 00:50:00.680 --> 00:50:02.280 uh, you know, your taste 00:50:02.440 --> 00:50:06.760 every step of the way, and don't don't let AI do everything for you. 00:50:07.160 --> 00:50:12.945 And even if you do let AI do a lot of things for you, make sure that it's part of the workflow that you already mastered. 00:50:13.265 --> 00:50:13.825 Right? 00:50:14.145 --> 00:50:18.625 Meng, I appreciate you coming on. I'll include links where you can follow Meng 00:50:18.785 --> 00:50:20.865 to get some creative inspiration 00:50:20.865 --> 00:50:30.000 as well as links for some of the tools he's working on that you can go and play with. Go check it out in the description, in the show notes. Thank you so much for coming on. 00:50:31.040 --> 00:50:33.200 I hope you come back on soon again. 00:50:34.640 --> 00:50:59.250 When when Google or, you know, or, uh, you know, OpenAI and Cloud come up with something new about design, I'll be happy to come on again. I'm I'm super, super honored to come here. You're you're a good friend of mine. You also come from the same town as me. You speak French like me, or at least your family do. So it's always a pleasure, Greg, and thank you so much. This means the world to me. I appreciate you, man. I'll catch you later. 00:50:59.570 --> 00:51:00.770 Alright. Bye bye.