I figured out a system that allows you

to design the most beautiful apps you

can possibly imagine using Claude design

and Chat GPT's new image gen model. The

system I'm about to show you, I haven't

seen anywhere else on YouTube. When you

combine these two tools, even if you

have zero design or artistic skills like

me, you can create the most beautiful

apps, branding designs you've ever made

in your life. In this video, I'll go

over both these tools, both Claude

design and the new Chat GPT image model.

I'll go over how they work and I'll go

through my new system that allows you to

combine the two to make the most

beautiful designs ever. If you stick

with me until the end of the video, you

will become a world-class designer. Now,

let's lock in and get into it. Now, for

those who don't know, over the last

week, both Anthropic and OpenAI released

two best-in-class tools. Anthropic

released Claude design, which we'll go

through fully, a really amazing design

tool. And then Chat GPT released their

new image gen model, their

second-generation image gen model, which

is by far the best image gen model out

there. It blows Nano Banana out of the

water. But, there are some challenges

with each though. There's some ways that

both have weaknesses, and when you

combine them together, their weaknesses

go away and they're amazing. The main

challenge is, and we'll go through

building some designs in a second with

design and the image gen model, Claude

design is amazing, but much like all the

other Anthropic products, it has really

low usage limits. A lot of people ran

into this where they tried to build a

couple designs, and by the end of the

second design they made, their limits

were gone and had to wait an entire

week. The issue with the image gen model

is there's no design tools out of the

box that it only creates images you ask

for. It's not great at building entire

design kits, but it's absolutely amazing

at generating images. It's also

incredibly inexpensive, and you can even

use it on the free tier. When combined,

it solves each other's weaknesses. The

issue with Claude design is because of

its low limits, if you've never designed

things before, if you're anything like

me, I've never designed anything in my

life, I'm very unartistic, I stink at

all of that. When I went into Claude

design, I had to experiment a ton. I had

to like ask questions, try things like

10 different times. I hit my limits

without creating anything amazing. When

I started combining it though with Chat

GPT's image gen model, amazing things

happened. Let me show you how this

works. So, with each tool, we're going

to go through four stages in this

system. By going through all these

stages, you'll not only have way better

results, incredible professional-level

designs, but you also save tons of money

because you're not going to keep hitting

your Claude limits over and over again.

So, let's start off on the Chat GPT

image side. We're going to start with

inspiration. By the end of these eight

stages, you'll have a fully working

design system prototype for an app

that's going to look incredible and

that's going to match exactly what you

want. So, stage one is inspiration.

We're going to start off on the Chat GPT

image side. Our goal of using this new

image gen model with Chat GPT is to come

up with a logo and design guidelines.

This is going to be the base of

everything we use in Claude design. This

is going to allow it so we don't have to

experiment a ton in Claude design. This

will be great cuz we can move all this

over after, and then Claude design can

spit us out an incredible design system

and prototype in one go. No

experimentation needed, so we don't have

to hit our limits. So, to come up with

our logo and design guidelines, the

first thing we need to do is find

inspiration and give it to Chat GPT so

we have a starting point. This doesn't

need to be perfect. Just find some

images out there that you enjoy, that

you like, that you want to use as

inspiration, and then we'll start doing

some exploration so we can make it our

own. My favorite way to find

inspiration, if you don't know where to

start, is I just like scrolling X. So, I

go down X and I just look for images and

logos I like. So, I'll go down, I'll

look at images and logos like, "Ooh, I

like this. I like this gradient right

here." So, what I'll do is I'll bookmark

this. And what I do is I add it to a

visual inspiration folder. So, I go

there, that's now in that folder. I keep

going down, and I just look for logos

and images that I would like to use

inside my design system. Ooh, I kind of

like this Orlando Magic logo. It's nice,

simple, clean. I like that. I'm just

actually going to save this image. Let's

copy this image first of all. Even

though I'm a Celtics fan, we'll take

that logo. I like the way it looks. So,

I So, I paste that in. I'm scrolling

down. Ooh, I kind of like these logos.

Look at I like the way those look. So,

let's do this. Let's screenshot this. If

you're on Mac, you can do command

control shift four. That allows you to

kind of copy, paste that over. And we

put in a few images that we want to use

as inspiration. I really like these

guys' logos. If I knew how to pronounce

their name, I'd say it. Is it News

Research? Is Nois Research? I don't

know. I like their logo. Let's copy that

as well. And now we have in a few pieces

of inspiration. You probably want to get

to four or five. That's going to be a

sweet spot. We're going to do just these

three for the sake of this demo here.

Now, what we're going to want to do is

we're going to take this inspiration and

we're going to start doing some

exploration. We're going to have it

generate us some logos, see what feels

good, take an element here, take an

element there, and start getting closer

and closer to a final design guideline.

So, you're going to want to do this, and

this works great if you want to do this

alongside with me. Once you put your

logos in, you're going to want to

describe what you're building at the

moment. So, I'm building an app called

Henry Intelligent Machines. I'm going to

describe what that is, and I'm going to

say I want to start figuring out a

design system and logo for this app. So,

go in, start describing what you're

building. So, here's what I said, "I'm

building an app called Henry Intelligent

Machines. It is an AI agent that

autonomously builds businesses for the

user and generates revenue. It can build

many businesses at once. Please use the

images attached as inspiration. Help me

generate a sheet of logos I could

potentially choose from. I like octopi

and owls. Make different versions with

those animals. Use your new image gen

model." This is important to add at the

end here. I found that as I experiment

with this image gen model inside Chat

GPT, it'll randomly just like not use

it. It'll It'll like create PDFs and

things, and it won't use the new image

gen model. So, if you wanted to use the

new image gen model, sometimes you have

to explicitly say it. So, I did that

here. So, you're describing what you're

building, and you're giving all

information on what you like, right? I

My two favorite animals are octopi and

owls. I'm giving it that. Let's even

come up with some logos for that. And

we're asking for an entire sheet of

logos. We're not looking for perfection

here. What we are looking for is just a

direction, right? We're in the middle of

the forest, it's foggy, we can't see

anything. We're just looking for a

direction to go in. And everything it

builds out is going to get us closer and

closer and closer to our end goal. So

again, the goal of this phase one using

the image gen model is to get to a

selection of a design

system and a logo. This will make

everything we do in Claude design next

so easy, so quick, so simple, so that we

don't have to do a bunch of

experimentation that will take up all

our limits. The beautiful thing about

OpenAI and Chat GPT is you really have

high limits even in the free tier. Even

in the free tier, you can do a ton of

stuff. When you are doing

experimentation,

you want to be doing it in Chat GPT, and

then you go to Claude for refinement.

So, let's check out what they got here.

Let's see the images here. All we're

looking to do is find one or two things

we like from this. One or two things we

can take and say, "All right, let's

expand on this." This is the second

phase of the Chat GPT side, which is

exploration. We're not going in any

direction, we're just trying to find

anything we like and enjoy. All right,

so two things stick out to me here. I

like these two logos right here. I feel

like they'd look really good as iPhone

logos on your screen. The issue is I

don't love the kind of depth to it. I

think there's a little bit too much

going on. So, what we're going to do is

we're going to screenshot the ones we

like, right? So, I do again, if you're

on Mac, command control shift four. That

allows me then just to go here and

paste. I'm going to do that again. What

that does is it takes the screenshot and

puts it onto your clipboard. So, I paste

these two in, and I'm going to say, "I

like these two, but they're a little too

complex.

Can we flatten and simplify them a bit?

More minim-

malistic. Give me many variations of

each. Use your image gen model." All

right, I'm going to hit I'm going to hit

enter on that, and it is going to now

refine this a little bit. Right now,

we're moving on to stage three, which is

the refinement phase. We've done some

exploration. We've now got a direction

we want to go in, and now we're refining

that direction. Now, this stage, the

refinement direction, this could be like

five or six levels, and I highly

recommend that. I highly recommend doing

this like five or six times. It's going

to keep making a bunch of variations.

It's going to make these big sheets with

tons of variations. Then you're going to

choose a couple and say, "Expand on that

more." Then you're going to choose a

couple and say, "Expand on that more."

And every time you do that refinement

where you choose a couple and expand on

it, you're getting closer and closer and

closer to your final design system,

which we will then take over to Claude

design, and I have a lot of cool things

I'm going to show you there, so stick

around for that. But, that will allow

you to go with a really focused system

when you get to Claude design so that

you're not hitting your limits

immediately. All right, so we have a new

sheet here. Let's Okay, I like where

we're going here. I like the simplicity

and minimalism of some of these. Let's

again, let's keep this going. Let's do

this. I like this first one a lot for

him. Let's take that. And then let's

check out the others here, see if any

other stick out. I like the flatness and

colors of this one. So, let's pop this

open.

Let's paste that in there. So, we got

those in there. And let's see if there's

any others we like here. I also like

this one as well. That one is clean with

this owl with the square around it. That

one's nice. And then let's take the

colors of this one. This one looks

pretty nice as well. And again, we're

going we're refining more. Every time we

refine, every time we make selections,

we're getting closer and closer. Now,

I'm going to add a twist here. Let's add

a twist. Now, we're going to say, "I

like the way these four look. Please

expand on them, but also include some

that are a little out of the box." I'm

going to hit enter on that. Right, so

we're refining, but we're also allowing

the model to get a little explorative.

We're allowing the model to experiment

and try new things to see if any ideas

come out of it. This is the playing

around phase, right? We're just playing

around, we're refining. Doing this

should be fun. Finding new directions,

exploring new ideas. That's all we're

doing here, trying to get closer and

closer to the destination. Every

refinement is one micro step in the

right direction. All right, so this is

cool. So, now it's getting a little bit

outside the box. Let's see what we got

here. All right, there's some I like

here. There's some I like here. I really

like this one. It doesn't have the

octopus or owl in it, but I like that

logo. Let's drop that in there. I like

this one with the gradient as well. I

like that image. That image is cool.

I've never seen anything like that.

Let's put that in. And then let's do one

more. I think I'm kind of settled on the

octopus. I think I like the octopus

more. So, let's do this. Let's grab this

one right here. What I'm going to do is

I'm going to say this, "I like these

four logos the most. Please refine the

gradient

and include them in the logos. Give me

different variations of the gradient."

All right. And for those who reply to

every video saying, "Hey, why don't you

just use the voice and talk in your

microphone to type?" I like typing.

Leave me alone. I enjoy typing. Deal

with my typing. All right. Let's hit

enter here. And what we did there is now

we're starting to refine the color

scheme a little bit. I like these

colors. Now, I want different variations

of the colors. We're getting a direction

for the logo. Now, we're starting to

refine the colors. And at the end of

this refinement stage, we're going to

have a really nice logo. We're going to

have really good colors and we'll be

able to take that to Claude design and

make it even better. All right, look at

this. Okay, so now we have some

variations in colors. This is something

you should be doing, picking out the

colors. I like this top row. I think I'm

a fan of this top row. I think this is

the one. It feels very kind of

futuristic and different. I don't know

many logos that have this kind of color

scheme in it. So, I like this. The

question becomes which one do we go

with? Which logo do we want? I think I'm

going to go with the octopus. I think

this app icon style is the one. I think

that's what we're going to go with. So,

I'm going to take that. I'm going to

copy it. I'm going to paste it in. And

we're going to do one more stage here

before we give it to Claude design. I'm

going to say, "I love this logo and

gradient. Let's go with this. Can you

use your image and model design a

branding guide for this?" We're just

going to add a little bit more fun here.

"Also design

some merch." And we're going to hit

enter on this. This is going to give us

a branding guide. So, it's going to have

a guide just telling like the colors,

the images. This is just going to be fun

to have. This is just a secondary asset

we'll keep on the side. So, what we're

going to do next is we're going to have

it give us a prompt we can put into

Claude design to actually use Claude

design for what it's best to have, which

is creating design systems and

prototypes. So, this has the base of

what we're working with. Then we're

going to take this and put it in Claude

design to make the actual systems. Let's

check out what it built here. How cool

is that? Let's check this out. All

right, so I pull this in here. Look at

this. This is cool. So, you have your

logo, the brand overview, the logo

variations, the typography. And if I

actually scroll down here, you can see

uh some of the merch. That looks really

cool. Some brand values. I like that. It

even has your little credit card in

there. I like that. So, we've made our

selection. We've selected our brand

direction. One last step before we go

into Claude design. Then I'll take you

all through Claude design, show you how

it works. We'll make some incredible

things over there. We're going to say

this, "Okay, excellent. Now, I want to

take this over to Claude design tool to

build a design system and prototype.

Please build me a prompt that describes

our brand and everything involved so I

can create a design system over there."

We're going to hit enter and ChatGPT

will give us the prompt for Claude

design. AI is the best tool in the world

for writing prompts. You don't want to

build prompts yourself. So, it's going

to do it for us. It's going to save us a

ton of time. And in a second, we'll go

over to the greatest design tool of all

time, Claude design. So, it made the

prompt. Look at this. Look at this

prompt it made. That's actually

incredible. Let's do this. Let's copy it

over. Let's go here. So, now we're going

to go into Claude design. We have a

four-step system we're now going to do

in Claude design. We're going to build a

design system, create some artifacts,

refine it, and then have the final

prototype ready. Here we go in Claude

design. This is Claude design. Um some

amazing things going on here. You can

build out high-fidelity prototypes,

whatever you want. But where we're going

to start is actually setting up a design

system. What a design system is is

repeatable

branding, colors, designs, typography,

everything involved with the design that

it will allow you to use it over and

over and over again for everything you

build moving forward, right? Once you

build a repeatable design system, it

makes it incredibly easy to design

everything else you want to do moving

forward. So, if we build a design system

here for the app we're building, we can

then take that design system and build

out slideshows, build out websites,

build out pictures, logos, whatever we

want. Building out the design system

first is going to make using Claude

design moving forward so much easier and

simpler. So, let's do this. Let's set up

a design system. Let's put in the

company name and blur. I'm going to say

him. I'm going to say YouTube video. So,

I remember this is the one I made during

the YouTube video. AI agent that builds

micro businesses for users. Then you can

go in. All of this is optional. Put a

link to your GitHub. So, if you have the

app already built out on GitHub, you can

put it in here so it can get a feel for

everything inside of it. If you have the

code on your computer, you can do that

as well. I'm going to do that. I'm going

to actually attach the code here. This

is going to allow it to go in, see all

the features and functionality,

understand what's in it. We can upload a

Figma files. If you use Figma at all and

you have a system in Figma, you can

upload that here. And then you can add

files here. So, what we're going to do

is we're going to save that final sheet

and put it in here. So, I'm going to go

up here. I'm going to save this. So,

let's save this image. Him design system

YouTube. Save. And I'm going to upload

that file here. Now, it has all our

assets that we built with ChatGPT. Any

other notes? Let's do this. Let's take

that prompt we got from ChatGPT and

paste that in here. And I'm going to

say, "The prompt below is from ChatGPT

who designed the logo." And then we're

going to say, "Continue to generation."

It's going to take about 5 minutes to

generate your design system. It's super

thorough. It's super in-depth. And

that's why it probably hits limits

really, really quickly. It's because

what Claude built here is absolutely

amazing. It is going to go through and

do everything. It's going to check out

your codes. It's going to set the

project title, the preview, design

system, UI kit, all the skills it needs.

Everything it needs to be a designer is

going to be built out here. That's why

you get like three of these a week

before your limits are hit. But that's

why this system I created is so amazing

because instead of experimenting here

and doing the kind of exploration we did

on ChatGPT, which would cause us to hit

our limits very quickly, we instead do

that on the high-limit tool, which is

actually still incredible, ChatGPT, and

then we do the refinement here, which

only takes one or two turns. So, we

don't hit our limits. All right, looks

like it's done generating. This is

amazing. Look at everything it built out

here. Every component, brand piece,

spacing, colors, type, everything. What

I love about it, too, and why I've just

always loved using Claude, the by far

the best part of the model

is the way it talks with you, the way it

asks you questions, the way it truly

cares about what you think and what you

have to say. So, what I need for you to

make this perfect, "Please review the

design system tab, which is this first

tab when you're in. Does the colors make

sense?" And then it tells me to review

all these different components. So,

let's review it and see what we got

here. So, we have the UI, which is the

cockpit. I'm liking the colors. I like

how it's like a very solid black

background and then the colors pop off

of it. And look here, you can even rate

it. So, I say this looks good.

Then we have the display, kind of the

header. I like that font. That feels

like a good font. The future of business

is built by intelligence. I like that.

Looks good. Type scale.

Those I like that font a lot. That looks

really clean. The pure black with the

pure white. Let's go down here. Let's

look at the brand. So, the logo lockups.

I That gradient slaps. I like that

gradient. That feels like a kind of a

futuristic gradient. I like that. Let's

just check out the last things here.

Let's see. Buttons. Buttons looking

good. I really like the font. I got to

figure out what font that is. And then

the final gradient. That's a beautiful

gradient.

I love that. All right. I'll say,

"Everything looks very good to me."

And then I'm just going to paste in the

logo one more time. It looks like it

just wants just the final logo there.

Logo attached. And I'm going to hit

send. And we should be good to go to

have our final design system in place.

What's even cool is you can watch them

actually test it all out on their own

laptop here, too. You click it, it opens

and closes. It's the little things like

that that make Claude very fun to use.

All right, looks like it's all done. We

have our design system in place. Now, we

can move on to the final stages and

actually build out the prototype we can

use to build out our app. So, we have

our design system here. Now, we're going

to go in and we're going to actually

build a new prototype. So, if you come

back to the home screen, you see here

new prototype. We're going to click high

fidelity. We're going to click create

here. We're going to say design system.

So, sometimes here's an issue with

Claude design. It doesn't have it like

published this design. So, what we're

going to do is we're going to download

this. We're going to download this

project as a zip just in case.

Sometimes it's a little finicky with the

design systems. We're going to create a

new design and new prototype in high

fidelity. So, I'm going to call this him

YouTube. I'm going to click create. This

will build us out our first prototype

using that design system. So, I dragged

it into the sketch site over here. Boom,

there's our design system that is all

attached there. You can't see it cuz

it's pushed down off my screen share

since there's so many assets in here,

but I'm going to say please build a

dashboard prototype using all these

assets. What you're going to want to do

here is describe your app so it can

build the dashboard out for it or

whatever you're building. If you're

looking to make a slideshow, you can

describe that. For me, I'm building an

app, so I'm going to describe my app

into the chat with all of these assets

in there and I'm going to hit enter and

sent and it's going to take that and it

is going to start building out that

prototype. There you go. Now, you can

see it. It's building it out and it is

going to get to work. So, just a recap

as it builds us where we're at so far.

We built out using chat GPT image gen,

all using all our inspiration, exactly

what logos we wanted, what design

direction we wanted so we didn't have to

experiment in Claude design. We took all

those findings after our exploration and

refinement, put it in the Claude design.

We made our design system. We had some

artifacts created. We refined it a

little bit and now we're building out

the prototype, the final stage. And

let's see what we're going to get out of

this. So, it's building it out right

now. We even got our merch design, our

app logos, all of that. And boom, just

like that, we have our dashboard built

out. Check that out. We have our

workspace. We have a really nice system

that shows all the opportunities, active

runs. If If you're not as familiar with

Henry Intelligent Machines, what I'm

building out, this might look a little

foreign to you, but this looks really

nice for what I'm building out and

matches it perfectly. You can now take

this design system, including all the

assets you built, all of that, hit

share, and then you can say hand this

off to Claude code. So, if you're

building your app now in Claude code,

you just hand this off to it and it now

has the full dashboard and can take all

of this and implement it into your app.

You now went from having AI slap to a

fully designed, professionally built out

design system exactly to your liking. If

you want to take it further and you want

to refine it from here, edit things, you

can do that. You can go into your chat,

say change this, make this better,

change this color, I like this, I don't

like this, and make it even better for

your taste. This is the system you need

to be using, combining chat GPT image

gen, which is best in class and has

basically no limits whatsoever, using

that for your exploration and

refinement, moving it over to Claude

design so you can one-shot build out

some incredible designs.

This is Claude design and if you learned

anything at all, hit like down below.

I'm going to do an entire workshop on

this and build this out live and take

all your questions inside the Vibe

Coding Academy. Make sure to hit the

link for that down below. It's the

number one community in AI on planet

Earth. You'll learn a ton. You'll master

Claude code, Claude design, open Claude,

all that. Hit the link down there.

Subscribe and turn on notifications if

you haven't already. All I do is make

amazing videos about AI. I live stream

Monday, Wednesday, Friday 11:00 a.m.

Pacific, so tune in for that as well. I

hope you learn something here. I'm so

eternally grateful you would spend your

time with me and listen to my advice and

hang out with me. It really means the

world. Thank you so much. I love you all

and I'll talk to you soon.