Welcome back to How I AI. I'm Claire

Valle, product leader and AI obsessive,

here on a mission to help you build

better with these new tools. This

[music] week, there has been so much

released in the AI for design space.

Whether you're looking at Claude design,

trying to decide if it's really going to

replace Figma, or want to know if the

new GPT image 2 model is actually that

good, I've got you covered with a mini

app where I'm going to show you what I

really [music] think about these new

design tools and how they'll work for

your business and a couple fun use

cases. Let's get [music] to it. This

episode is brought to you by WorkOS. AI

has already changed how we work. Tools

are helping teams write better code,

analyze customer data, and even handle

support tickets automatically. [music]

But there's a catch. These tools only

work well when they have deep access

[music] to company systems. Your

co-pilot needs to see your entire code

base. Your chatbot needs to search

across internal docs. And for enterprise

buyers, that raises serious [music]

security concerns.

That's why these apps face intense IT

scrutiny from day one. [music]

To pass, they need secure

authentication, access controls, audit

logs, the whole suite of enterprise

[music] features.

Building all that from scratch? It's a

massive lift. That's where WorkOS comes

in.

WorkOS gives you drop-in [music] APIs

for enterprise features, so your app can

become enterprise ready and scale

upmarket faster. Think of it like

[music] Stripe for enterprise features.

OpenAI, Perplexity,

and Cursor are already using WorkOS to

move faster [music] and meet enterprise

demands.

Join them and hundreds of other industry

leaders at workos.com.

Start building today.

I have to start today's mini episode

with a little bit on Claude design. In

case you missed it last week, Anthropic

released Claude design and it's their

web-based design tool. Really focused on

a couple areas. Prototypes, including

wireframes and high-fidelity prototypes.

People are asking, is this going to

replace Figma in the design flow?

Spoiler alert, I think it might actually

replace some of these prototyping tools

that everybody's using before they go to

engineering.

And also it's taking a swing at slides

and videos, which I think is kind of

interesting and also has templates for

animations and videos, which we can also

show a little bit of on this episode.

But what I think makes Claude design

really interesting is they're making the

design system a first-class citizen of

this design tool. So the first thing I

did was actually go in and just import

my design system. And I think this is

really smart because the number one

complaint I know people have about using

prototyping in the product development

life cycle is it never matches my brand.

It never matches our design system. And

these prototyping tools, while I think

great, you know, the Lovables, the

Vzeros, the Bolts, etc., also have this

concept of design system import. I

really haven't found they get perfect at

replicating my existing design in my

code base. And so I really wanted to

test this use case for Claude design and

see if it actually works. So the first

thing I did was really import my design

system. Importing a design system is

pretty easy and I'm actually going to

show you how to do it by importing

Lenny's Newsletter design system. So if

you see here, this is what I filled out

to import Lenny's design system. Sorry,

pal. I'll we'll see how this looks.

I really just went to his homepage. I

clicked save on the HTML. I saved the

logo. I saved our little campfire here.

I saved this nice little graphic and I

just put it in here in the Claude code

create your design system form. So I

said it's Lenny's Newsletter. I don't

have access to his GitHub. If you want

to give me access, friend, I can I can

make this even better. I uploaded just a

saved HTML and some images and then

added those fonts, logos, and assets. I

didn't even put in additional notes

here. I just left it blank.

And then as you can see,

Claude design goes ahead and starts

exploring the provided materials and

wants to understand the newsletter and

then build out your design system in the

format that they need. And what's really

interesting here is they warn you. They

They say this is going to take about 5

minutes. And it did. It took about 5

minutes. And you look along the side on

the reasoning, it's pretty interesting

to see how it extracts the design

system. It's looking at the HTML and key

images. It has a visual picture now. It

has a sense of what core colors and

other things it's going to work. And

then it's going to build out this

structure of a design system sort of in

a skills and documentation mode that

then Claude design is going to use. And

looking here, I think it looks pretty

good. If you look at this, it looks

pretty comparable to this. I would say

the only difference is Lenny uses

sans-serif fonts for his headers. So

what I might say is, you know, we

typically use sans-serif fonts for the

main headers other than top level.

Switch that, but otherwise it looks

good. The other thing that is pretty

cool here is there's, you know, the

newsletter kit, the typography,

colors. You can actually see how it

breaks down the idea of a design system.

Even if you're not going to use Claude

design, the idea of breaking your design

system for any AI tool into these

components, UI kits, typography, color,

components, and brand marks is really

interesting. In fact, just today Google

Labs released the design.md standard,

which they're trying to make sort of a

standard agents.md or skills.md standard

across how you would describe a design

system for use in Google's design tools,

but also other AI design tools. And so

you're really seeing a lot of these

solutions move to the concept of a

structured design system that then can

be used by AI to render consistent

high-quality UI against your experience.

So this design system is really

interesting.

I also created one from Chat PRD. The

one that I did here, I used the actual

GitHub. So I hooked up the very specific

GitHub directly to

um this app. So it pulled in some pretty

specific components and UI um across our

app and our marketing site. So you can

put as much or as little as you want

into these design systems, but I think

it's a really interesting flow. And then

going back to the core capabilities of

Claude design, I just want to show you a

couple things that I thought was really

interesting. One is I think its ability

to adhere to a design system for

marketing-specific

landing pages and websites is really

good. So if you were on the marketing

side and you have been sitting out doing

prototyping because it's so hard to get

your brand assets into a really nice

workflow,

I think Claude design is a really great

one for you because it's particularly

good at that. Okay, so I'm going to use

Lenny's design system and really show

you what this looks like in practice. So

let's say Lenny's going to come into

competition with Chat PRD and we're

going to create the Lenny PRD builder

using the Lenny design system. We're

going to have a head-to-head compete.

Lenny or Claire, who writes better PRDs?

Well, I'm going to use Claude design,

the Lenny's Newsletter design system,

and I'm going to say PRD maker. And I'm

going to click create on this

high-fidelity

prototype.

I'm going to start with the design

system. You can see it's already

selected down here. It's an interactive

prototype and we want to do high-fi

design. And I'm just going to use my

monologue to write in here what I want.

Please help me make a landing page for a

PRD generator and AI PM coach powered by

all the data in Lenny's Newsletter

adhering to the Lenny Newsletter design

system.

Make it awesome.

Make it awesome is a design version of

please Claude, make no mistakes. So I'm

going to go ahead and send that in. And

if you're looking for a little bit of

fun, we have a couple new loading

messages here over in the Claude AI

design loader. It's not

flibber-jittering or whatever it used to

be in Claude code. It does things like

sauté onions. Very funny. Okay, so it's

going to ask me about the PRD generator

landing page. Again, I really love this

Q&A functionality that's in Claude code

and they've made it very nice in Claude

design. The product is called LennyDoc

and it's going to help you

an AI PM in the your pocket is trained

on Lenny's archive. Lenny, please don't

compete with me. I'm tired. All right,

who's the primary audience? New and

aspiring PMs. It's going to be pure

Lenny.

Um decide for me on what sections I

should include. How interactive should

it be? I'm going to do small live

interactions, but not the full thing.

Again, this is for a prototype. And I'll

let it decide pricing. I love this. If

you haven't seen this in Claude design,

they give you a little wireframe hero

style directions. And I even got one of

these that said, "Tell me what appeals

to you." I love that so much. And for

me, I'm just going to go with this. This

appeals to me. I don't know. I just like

it. And then I'm going to just let it

decide. And then here's another really

cool function of Claude design. It gives

you variations, which as somebody who

has spent so much time in AB testing in

her career, I think is so fun. You can

decide how many options you want. You

can get one option. You can get three

options. You can get five options. It

defaults to three. And I think this is

really smart from a design tool

perspective because often those cycles

of no, make it better or or make it

different can be very slow and most

people come into Claude design probably

don't have the ability to articulate

exactly the changes they make. So, it's

really smart to put three separate ideas

in front of the consumers of Claude

design

and let you pick what you like and

figure out just from looking at it

versus having to iterate with a prompt.

Anything else you should know? No. We're

going to continue here and

and we ran out of credits. Okay, BRB.

The number one problem we all have with

Anthropic products is there's too many

limits. I immediately hit my

limit. I've only done about two or three

things in Claude design and I am blocked

until Saturday and it is Tuesday. So, I

went and paid my Claude chips to the

Anthropic gods. Let's see if it'll let

me try again. Yes, $200 later, we are

back. All right. So, it's going to go

ahead and create this landing page for

this Lenny tool builder. Now, another

piece of feedback that we're going to

have to deal with during this podcast is

it is slow.

And I think one of the places where

Figma is going to continue to win and we

saw this in our How I AI episode with

the Figma team about how they use MCPs.

With design systems and design tools in

particular, you want really short

feedback loops. If you don't like how

something looks, you want to be able to

change and modify it pretty immediately.

And I have to say this is where Figma

really wins. Just your ability to drag

things, change things, change the font

without having to wait for an LLM call,

without having to top up your credits.

Immediately, there does not need to be a

model in the loop. I think we

underestimate how nice that is from a

speed of iteration perspective when

you're building and designing things.

And I think that is one reason why when

Figma will continue to be a nice

iteration and design canvas for any kind

of design work because honestly, the

cycles are so slow here with Claude

design.

This is probably going to have to take

about 5 to 10 minutes. I I should step

away from this, but we're going to

pause, come back to it when it's done

sauteing and shelling, as it says in the

waiting. I'm the founder, so I know most

people don't start companies because

[music] they love running payroll or

managing compliance. But somewhere

between hiring your first employee and

raising your next round, [music] you end

up in the weeds with HR, IT, and all

that other stuff. That's what Rippling

was built to solve. Rippling is a

unified platform that lets startups run

[music] HR, payroll, IT, and finance in

one system from day one. The Rippling

startup stack replaces [music]

disconnected tools that don't sync with

a fully connected platform. Over 15,000

startups, including Cursor, Clay, and

Sierra, trust Rippling to scale [music]

fast without adding additional ops and

HR head count, so founders like you can

keep building.

[music]

Right now, venture-backed startups can

get 6 months of Rippling startup stack

for free. [music] Head to

rippling.com/howiai

and sign up today. That's r i p p l i n

g.com/howiai [music]

to sign up for 6 months free today.

Focus on what you're building and leave

the rest to Rippling. Okay, that did

take about 10 minutes, but we have got

Lenny doc, the chat PRD competitor by my

friend and partner Lenny. And you can

see here, it really did match some of

his general branding from the Lenny's

newsletter. So, colors look right, logo

looks right. I will tell you the number

one Claude design slop tell is it loves

an italicized serif font. It loves this

in a landing page.

But it's pretty good and I would say,

you know, if if Lenny was going to make

something, it would look much more like

this versus what the chat PRD brand

looks like. So, I don't think this is

too far off and it's done some great

stuff here. It's been a prototype of a

starter component.

It's pulled in some value propositions.

It's shown what the chat looks like. It

even put in some content marketing here,

so I got to be really careful pulling

Lenny's content. And then we have to

call out the ability to do tweaks and

versions in Claude design. So, because I

asked for three versions, it's going to

have these tweaks that it can do. Do you

want an operator headline? Do you want

blunt headline? Do you want a question

headline? Oh, I love what would Lenny

do. Hero layout, I asked for centered,

so I want centered. Although, that looks

too much like his newsletter, so I'm

going to go with side mark. Background,

do we want this nice cream or white? I

like white. What's the primary CTA?

We're growth people here. We do try it

free. We love PLG motion. And then do

you want on or off the product pass

bundle? Do you want a pricing section? I

think this is so fun and imagine just

being able to iterate so quickly with

this design. I really like it.

A couple other things that you might

miss in Claude design that I think are

nice, you can comment on specific

components. So, let's say I think this

CTA is pretty bad. I can say, um,

improve the

CTA text. Send that to Claude. Claude's

going to improve that. I can draw, do

circles on things, add notes, call out

things. So, it is a really natural way

to interact with a design. It's kind of

the best of a prototype, InVision when

we used to have that, of of commenting,

a FigJam, a Figma comments, all that

kind of stuff. But here with AI that can

actually make those changes for you. And

I think the design went pretty well.

Now,

this is an example of something pretty

straightforward. Again, I think it's

better at marketing style design, these

kind of components that you see here

that are more like landing page

components than the UX design. I found

that it doesn't quite reason with design

systems and user experience components

and app components as well. But I think

this did a pretty good job. Another use

case that I think is really interesting

is Claude design can make slides. So, I

chose that landing page, Lenny's

newsletter, design system, and I

actually dropped my open claw article

that I wrote for the newsletter in as a

PDF and I said, let's build a deck

teaching people how to set up open claw

based on this article. And this is where

I think it really shines.

It looked at the design system, looked

at the content, and built a really nice

presentation for me to present open claw

and how to set it up. And you can see

here, it just looks really nice. And so,

if you're someone that has to put

together decks for customers, you have

to put together instructional material,

and you really want that to match your

branding, I think product marketers, you

really need to pay attention for things

like training, enablement, and customer

decks. I really think this does a very

nice and elegant job of designing a

deck. And even look at this, I had a

command in the terminal as part of my

article, and it actually put in a really

cute fake terminal here with a little

blinker. And this is the fun parts of

the Claude design slides is they're

actually just code behind the scenes. I

think this might be where we're going

with slides overall is slides just end

up being code like everything else. And

so, you can get these cute little design

elements that I think are really

delightful and fun in the app. So, if

you're looking for a really practical

use case where I think it does quite

well, take straight content and turn it

into a beautiful deck matching your

brand. And then my final very important

Claude design use case, it

gets very fun to imagine crazy versions

of your web experience or website. When

you give Claude design no design system,

it does the best. So, I asked Claude to

make a 90s GeoCities style version of

the Lenny's newsletter homepage. It did

that. It is called Lenny's product zone

and it is pretty incredible. And even

the tweaks component that we had that

was so nice in the polished landing page

version is now real ugly. I'm going with

bricks. I'm going with Comic Sans, of

course, and I want all the things. So,

I'm going to leave all these tweaks

here.

And look at this beauty. Your OKRs are

cringe and seven ways to fix them before

Q3. And this is a secret power of Claude

design. It writes exceptional copy. So,

if you let it run on copy, which is such

an underappreciated part of building a

great prototype or design,

it's going to do a really, really good

job. And so, I highly recommend finding

a reference style. Uh, Jamie Gannon

makes a really good point on this in her

episode of How I AI is if you understand

reference styles, you can reference and

explain what you want, but let it go

pretty wild without a design system, and

then you will get very,

very cool designs. So, I'm going to, as

soon as Lenny gives me access to his

GitHub, to kind of push this right up. I

think it's going to convert. Convert

like crazy. So, let's ask him to ship

it. Write in the comments if you think

this is what Lenny should redesign his

website to.

So, those are my three Claude design use

cases. Import your design system and

create a new more marketing style

landing page, use content plus your

design system to create really really

beautiful slides, and then go ham on an

ugly redesign of your website or ugly or

beautiful, depending on what you think,

and facts us at 1-800 product, which is

exactly what this landing page says is

the way to get in touch with my friend

Lenny if you think he should shoot ship

Lenny's product zone. Okay, I just want

to show you two more things really

quickly before we go, and those things

are how I think you can use the new GPT

image model 2 to get some brand work and

also some fun image work done. Okay, so

just today at Chat GPT OpenAI released

Chat GPT images 2.0 model, which is new

era of image generation. It is the first

model that can do thinking, and they've

really focused on text and the ability

to render text and objects accurately,

and I just wanted to show you two use

cases that I think are pretty

interesting, and how well I think the

new image model from OpenAI performs.

The first one is kind of back to what we

were talking about before, which is

brand.

And I saw this prompt on X, and I I

copied it for Chat PRD to see what we

would get. And it's basically the idea

of creating one of those multi-page

brand kits for your company. So, I asked

it to create it for my company Chat PRD.

I just gave some general kind of brand

design guidance off this. I had Chat GPT

write this for me, and asked it to

generate it. And what I will say is it

did a really lovely job in terms of

text. It doesn't have that classic like

GPT image text looks to it, so

typography has gotten a little bit

better. I think the it's kind of amazing

it can do this nine grid layout of

different parts of the brand kit, and I

don't think it's bad. It's just not me.

And so, I loaded up some images from

Midjourney here that I think we use more

in our brand kit, and I say, "That's not

really us. Here are some reference

images.

Update the brand kit." And let's see

what it does with that. I'm going to

make it create an image. Hopefully, I'm

hoping it should read these images,

which are much brighter, much pinker,

and have this like sort of pixelated

feel to them,

and create a brand kit that looks like

more like what I would want to use. And

I think this is just such a neat

workflow. I've heard a lot from people

that they're really dissatisfied with

the current image models for marketing

purposes because it requires so much

bringing together of images and text and

typography and voice. And while I think

something like a Claude design obviously

can do that well at the web asset level,

sometimes you want it at the brand or

image asset level, and I think it's

really interesting to see if GPT image 2

can do this. So, let's see what it

generates. It's finishing up right now.

Let's see how pink it is and if we love

it. Oh my gosh, I actually really love

it. It makes me so happy. As you can

see, it took in this like sort of

pixelated

landscape-y images that we've been using

for Chat PRD. It is certainly more pink,

and it has given me kind of a new idea

of what we could do with this brand kit.

Now, we got an amazing brand kit done by

designers. I think it's probably

scientifically 5 to 50 times better than

this, but if you were looking for

somewhere to start, I think that GPT

image 2 is quite good at this, and this

doesn't have that very obvious AI image

text tell on the typography, and I think

something like this is a really great

starting point for folks that are trying

to get images done. And then finally,

one last fun use case it just finishes

finished over here,

which is taking my image and doing my

color analysis for for the boys in the

room. This is something that the ladies

often do to figure out what colors look

best on what they're wearing, and so I

uploaded a photo and asked GPT image one

image two to make me a color analysis,

and it gave me warm neutral. My best

colors are these earthy warm colors, and

even put me in those colors here down

here. Now, my face got real weird

towards the bottom. My teeth are looking

kind of funk over here, but overall, I

would say this is pretty impressive.

This is something that people spend a

lot of time putting together for folks.

Now, what I would say GPT2 is I am

actually a dark winter, so I might come

in here and say, "No, I'm a dark winter.

You're just confused by my old

highlights. My hair looks much blonder

in that picture than it naturally is.

It's actually very dark." Um and so,

let's see if it rewrites this to my

exact color palette. But again, think

about the combination of text, color,

image analysis, layout quite lovely. And

I haven't seen a model do this kind of

layout work effectively. You know, I

think Nana Banana had gotten close with

infographics and things like this, but

we might actually switch some of our

infographics and graphic generation over

to GPT image 2 because I think it just

looks a little bit more expensive and a

little nicer. All right, here we go.

This actually looks really great. This

is the correct color analysis for me. My

natural hair color is actually the one

in the middle. Don't tell anybody. And

these are the colors. Now, again, my

face gets really weird down here, and I

would never wear these clothes. I am not

a business lady. I am

a hacker podcaster. But in terms of the

colors, in terms of the layout, in terms

of the photography, the typography, this

is pretty impressive, and I would pay a

lot of money for somebody to do this for

me. So, if you're looking for a fun

Mother's Day gift out there, take a

photo of your lady when where she's

looking good, and throw it in here and

ask for her color analysis, and then buy

that person some jewelry. All right, so

this is the design-focused

spring 2026 drop. We looked at Claude

design and how good it is at importing

design systems, creating marketing style

landing pages, and slide decks, and then

translating your current website into

something a little bit more fun. We

looked at the new GPT model GPT image 2.

Two things I think it's really really

good at,

layout and typography. It has really

nailed those things, and has also just

up-leveled the quality of design because

this is the first image model that

really does some thinking. I think it's

great, and we talked about Google's

design.md standard, which they're trying

to make the standard way for agents to

understand your design system and brand.

It's been a really exciting week. The

end of the day, I don't think any of

these tools are dead yet. They all have

their benefits. They're all slow, and

they're all making me top up my tokens.

I'll see you soon where we'll look at

all the new AI tools, and until next

time, I hope you have fun building.

Thanks so much for watching. If you

enjoyed the show, please like and

subscribe here on YouTube, or even

better, leave us a comment with your

thoughts. You can also find this podcast

[music] on Apple Podcasts, Spotify, or

your favorite podcast app. Please

consider leaving us a rating and review,

which will help others find the show.

You can see all our episodes and learn

more about the show at howiaipod.com.

See you next time.

I have to start today's mini episode with a little bit on Claude design. In case you missed it last week, Anthropic released Claude design and it's their web-based design tool. Really focused on a couple areas. Prototypes, including wireframes and high-fidelity prototypes. People are asking, is this going to replace Figma in the design flow? Spoiler alert, I think it might actually replace some of these prototyping tools that everybody's using before they go to engineering.

And also it's taking a swing at slides and videos, which I think is kind of interesting and also has templates for animations and videos, which we can also show a little bit of on this episode. But what I think makes Claude design really interesting is they're making the design system a first-class citizen of this design tool. So the first thing I did was actually go in and just import my design system. And I think this is really smart because the number one complaint I know people have about using prototyping in the product development life cycle is it never matches my brand. It never matches our design system. And these prototyping tools, while I think great, you know, the Lovables, the Vzeros, the Bolts, etc., also have this concept of design system import. I really haven't found they get perfect at replicating my existing design in my code base. And so I really wanted to test this use case for Claude design and see if it actually works. So the first thing I did was really import my design system. Importing a design system is pretty easy and I'm actually going to show you how to do it by importing Lenny's Newsletter design system. So if you see here, this is what I filled out to import Lenny's design system. Sorry, pal. I'll we'll see how this looks. I really just went to his homepage. I clicked save on the HTML. I saved the logo. I saved our little campfire here. I saved this nice little graphic and I just put it in here in the Claude code create your design system form. So I said it's Lenny's Newsletter. I don't have access to his GitHub. If you want to give me access, friend, I can I can make this even better. I uploaded just a saved HTML and some images and then added those fonts, logos, and assets. I didn't even put in additional notes here. I just left it blank. And then as you can see, Claude design goes ahead and starts exploring the provided materials and wants to understand the newsletter and then build out your design system in the format that they need. And what's really interesting here is they warn you. They They say this is going to take about 5 minutes. And it did. It took about 5 minutes. And you look along the side on the reasoning, it's pretty interesting to see how it extracts the design system. It's looking at the HTML and key images. It has a visual picture now. It has a sense of what core colors and other things it's going to work. And then it's going to build out this structure of a design system sort of in a skills and documentation mode that then Claude design is going to use. And looking here, I think it looks pretty good. If you look at this, it looks pretty comparable to this. I would say the only difference is Lenny uses sans-serif fonts for his headers. So what I might say is, you know, we typically use sans-serif fonts for the main headers other than top level. Switch that, but otherwise it looks good. The other thing that is pretty cool here is there's, you know, the newsletter kit, the typography, colors. You can actually see how it breaks down the idea of a design system. Even if you're not going to use Claude design, the idea of breaking your design system for any AI tool into these components, UI kits, typography, color, components, and brand marks is really interesting. In fact, just today Google Labs released the design.md standard, which they're trying to make sort of a standard agents.md or skills.md standard across how you would describe a design system for use in Google's design tools, but also other AI design tools. And so you're really seeing a lot of these solutions move to the concept of a structured design system that then can be used by AI to render consistent high-quality UI against your experience. So this design system is really interesting. I also created one from Chat PRD. The one that I did here, I used the actual GitHub. So I hooked up the very specific GitHub directly to um this app. So it pulled in some pretty specific components and UI um across our app and our marketing site. So you can put as much or as little as you want into these design systems, but I think it's a really interesting flow. And then going back to the core capabilities of Claude design, I just want to show you a couple things that I thought was really interesting. One is I think its ability to adhere to a design system for marketing-specific landing pages and websites is really good. So if you were on the marketing side and you have been sitting out doing prototyping because it's so hard to get your brand assets into a really nice workflow, I think Claude design is a really great one for you because it's particularly good at that. Okay, so I'm going to use Lenny's design system and really show you what this looks like in practice. So let's say Lenny's going to come into competition with Chat PRD and we're going to create the Lenny PRD builder using the Lenny design system. We're going to have a head-to-head compete. Lenny or Claire, who writes better PRDs? Well, I'm going to use Claude design, the Lenny's Newsletter design system, and I'm going to say PRD maker. And I'm going to click create on this high-fidelity prototype. I'm going to start with the design system. You can see it's already selected down here. It's an interactive prototype and we want to do high-fi design. And I'm just going to use my monologue to write in here what I want. Please help me make a landing page for a PRD generator and AI PM coach powered by all the data in Lenny's Newsletter adhering to the Lenny Newsletter design system. Make it awesome. Make it awesome is a design version of please Claude, make no mistakes. So I'm going to go ahead and send that in. And if you're looking for a little bit of fun, we have a couple new loading messages here over in the Claude AI design loader. It's not flibber-jittering or whatever it used to be in Claude code. It does things like sauté onions. Very funny. Okay, so it's going to ask me about the PRD generator landing page. Again, I really love this Q&A functionality that's in Claude code and they've made it very nice in Claude design. The product is called LennyDoc and it's going to help you an AI PM in the your pocket is trained on Lenny's archive. Lenny, please don't compete with me. I'm tired. All right, who's the primary audience? New and aspiring PMs. It's going to be pure Lenny. Um decide for me on what sections I should include. How interactive should it be? I'm going to do small live interactions, but not the full thing. Again, this is for a prototype. And I'll let it decide pricing. I love this. If you haven't seen this in Claude design, they give you a little wireframe hero style directions. And I even got one of these that said, "Tell me what appeals to you." I love that so much. And for me, I'm just going to go with this. This appeals to me. I don't know. I just like it. And then I'm going to just let it decide. And then here's another really cool function of Claude design. It gives you variations, which as somebody who has spent so much time in AB testing in her career, I think is so fun. You can decide how many options you want. You can get one option. You can get three options. You can get five options. It defaults to three. And I think this is really smart from a design tool perspective because often those cycles of no, make it better or or make it different can be very slow and most people come into Claude design probably don't have the ability to articulate exactly the changes they make. So, it's really smart to put three separate ideas in front of the consumers of Claude design and let you pick what you like and figure out just from looking at it versus having to iterate with a prompt. Anything else you should know? No. We're going to continue here and and we ran out of credits. Okay, BRB. The number one problem we all have with Anthropic products is there's too many limits. I immediately hit my limit. I've only done about two or three things in Claude design and I am blocked until Saturday and it is Tuesday. So, I went and paid my Claude chips to the Anthropic gods. Let's see if it'll let me try again. Yes, $200 later, we are back. All right. So, it's going to go ahead and create this landing page for this Lenny tool builder. Now, another piece of feedback that we're going to have to deal with during this podcast is it is slow. And I think one of the places where Figma is going to continue to win and we saw this in our How I AI episode with the Figma team about how they use MCPs. With design systems and design tools in particular, you want really short feedback loops. If you don't like how something looks, you want to be able to change and modify it pretty immediately. And I have to say this is where Figma really wins. Just your ability to drag things, change things, change the font without having to wait for an LLM call, without having to top up your credits. Immediately, there does not need to be a model in the loop. I think we underestimate how nice that is from a speed of iteration perspective when you're building and designing things. And I think that is one reason why when Figma will continue to be a nice iteration and design canvas for any kind of design work because honestly, the cycles are so slow here with Claude design. This is probably going to have to take about 5 to 10 minutes. I I should step away from this, but we're going to pause, come back to it when it's done sauteing and shelling, as it says in the waiting.

I chose that landing page, Lenny's newsletter, design system, and I actually dropped my open claw article that I wrote for the newsletter in as a PDF and I said, let's build a deck teaching people how to set up open claw based on this article. And this is where I think it really shines. It looked at the design system, looked at the content, and built a really nice presentation for me to present open claw and how to set it up. And you can see here, it just looks really nice. And so, if you're someone that has to put together decks for customers, you have to put together instructional material, and you really want that to match your branding, I think product marketers, you really need to pay attention for things like training, enablement, and customer decks. I really think this does a very nice and elegant job of designing a deck. And even look at this, I had a command in the terminal as part of my article, and it actually put in a really cute fake terminal here with a little blinker. And this is the fun parts of the Claude design slides is they're actually just code behind the scenes. I think this might be where we're going with slides overall is slides just end up being code like everything else. And so, you can get these cute little design elements that I think are really delightful and fun in the app. So, if you're looking for a really practical use case where I think it does quite well, take straight content and turn it into a beautiful deck matching your brand. And then my final very important Claude design use case, it gets very fun to imagine crazy versions of your web experience or website. When you give Claude design no design system, it does the best. So, I asked Claude to make a 90s GeoCities style version of the Lenny's newsletter homepage. It did that. It is called Lenny's product zone and it is pretty incredible. And even the tweaks component that we had that was so nice in the polished landing page version is now real ugly. I'm going with bricks. I'm going with Comic Sans, of course, and I want all the things. So, I'm going to leave all these tweaks here. And look at this beauty. Your OKRs are cringe and seven ways to fix them before Q3. And this is a secret power of Claude design. It writes exceptional copy. So, if you let it run on copy, which is such an underappreciated part of building a great prototype or design, it's going to do a really, really good job. And so, I highly recommend finding a reference style. Uh, Jamie Gannon makes a really good point on this in her episode of How I AI is if you understand reference styles, you can reference and explain what you want, but let it go pretty wild without a design system, and then you will get very, very cool designs. So, I'm going to, as soon as Lenny gives me access to his GitHub, to kind of push this right up. I think it's going to convert. Convert like crazy. So, let's ask him to ship it. Write in the comments if you think this is what Lenny should redesign his website to.

So, those are my three Claude design use cases. Import your design system and create a new more marketing style landing page, use content plus your design system to create really really beautiful slides, and then go ham on an ugly redesign of your website or ugly or beautiful, depending on what you think, and facts us at 1-800 product, which is exactly what this landing page says is the way to get in touch with my friend Lenny if you think he should shoot ship Lenny's product zone. Okay, I just want to show you two more things really quickly before we go, and those things are how I think you can use the new GPT image model 2 to get some brand work and also some fun image work done. Okay, so just today at Chat GPT OpenAI released Chat GPT images 2.0 model, which is new era of image generation. It is the first model that can do thinking, and they've really focused on text and the ability to render text and objects accurately, and I just wanted to show you two use cases that I think are pretty interesting, and how well I think the new image model from OpenAI performs. The first one is kind of back to what we were talking about before, which is brand. And I saw this prompt on X, and I I copied it for Chat PRD to see what we would get. And it's basically the idea of creating one of those multi-page brand kits for your company. So, I asked it to create it for my company Chat PRD. I just gave some general kind of brand design guidance off this. I had Chat GPT write this for me, and asked it to generate it. And what I will say is it did a really lovely job in terms of text. It doesn't have that classic like GPT image text looks to it, so typography has gotten a little bit better. I think the it's kind of amazing it can do this nine grid layout of different parts of the brand kit, and I don't think it's bad. It's just not me. And so, I loaded up some images from Midjourney here that I think we use more in our brand kit, and I say, "That's not really us. Here are some reference images. Update the brand kit." And let's see what it does with that. I'm going to make it create an image. Hopefully, I'm hoping it should read these images, which are much brighter, much pinker, and have this like sort of pixelated feel to them, and create a brand kit that looks like more like what I would want to use. And I think this is just such a neat workflow. I've heard a lot from people that they're really dissatisfied with the current image models for marketing purposes because it requires so much bringing together of images and text and typography and voice. And while I think something like a Claude design obviously can do that well at the web asset level, sometimes you want it at the brand or image asset level, and I think it's really interesting to see if GPT image 2 can do this. So, let's see what it generates. It's finishing up right now. Let's see how pink it is and if we love it. Oh my gosh, I actually really love it. It makes me so happy. As you can see, it took in this like sort of pixelated landscape-y images that we've been using for Chat PRD. It is certainly more pink, and it has given me kind of a new idea of what we could do with this brand kit. Now, we got an amazing brand kit done by designers. I think it's probably scientifically 5 to 50 times better than this, but if you were looking for somewhere to start, I think that GPT image 2 is quite good at this, and this doesn't have that very obvious AI image text tell on the typography, and I think something like this is a really great starting point for folks that are trying to get images done. And then finally, one last fun use case it just finishes finished over here, which is taking my image and doing my color analysis for for the boys in the room. This is something that the ladies often do to figure out what colors look best on what they're wearing, and so I uploaded a photo and asked GPT image one image two to make me a color analysis, and it gave me warm neutral. My best colors are these earthy warm colors, and even put me in those colors here down here. Now, my face got real weird towards the bottom. My teeth are looking kind of funk over here, but overall, I would say this is pretty impressive. This is something that people spend a lot of time putting together for folks. Now, what I would say GPT2 is I am actually a dark winter, so I might come in here and say, "No, I'm a dark winter. You're just confused by my old highlights. My hair looks much blonder in that picture than it naturally is. It's actually very dark." Um and so, let's see if it rewrites this to my exact color palette. But again, think about the combination of text, color, image analysis, layout quite lovely. And I haven't seen a model do this kind of layout work effectively. You know, I think Nana Banana had gotten close with infographics and things like this, but we might actually switch some of our infographics and graphic generation over to GPT image 2 because I think it just looks a little bit more expensive and a little nicer. All right, here we go. This actually looks really great. This is the correct color analysis for me. My natural hair color is actually the one in the middle. Don't tell anybody. And these are the colors. Now, again, my face gets really weird down here, and I would never wear these clothes. I am not a business lady. I am a hacker podcaster. But in terms of the colors, in terms of the layout, in terms of the photography, the typography, this is pretty impressive, and I would pay a lot of money for somebody to do this for me. So, if you're looking for a fun Mother's Day gift out there, take a photo of your lady when where she's looking good, and throw it in here and ask for her color analysis, and then buy that person some jewelry. All right, so this is the design-focused spring 2026 drop. We looked at Claude design and how good it is at importing design systems, creating marketing style landing pages, and slide decks, and then translating your current website into something a little bit more fun. We looked at the new GPT model GPT image 2. Two things I think it's really really good at, layout and typography. It has really nailed those things, and has also just up-leveled the quality of design because this is the first image model that really does some thinking. I think it's great, and we talked about Google's design.md standard, which they're trying to make the standard way for agents to understand your design system and brand. It's been a really exciting week. The end of the day, I don't think any of these tools are dead yet. They all have their benefits. They're all slow, and they're all making me top up my tokens. I'll see you soon where we'll look at all the new AI tools, and until next time, I hope you have fun building.

Thanks so much for watching. If you enjoyed the show, please like and subscribe here on YouTube, or even better, leave us a comment with your thoughts. You can also find this podcast [music] on Apple Podcasts, Spotify, or your favorite podcast app. Please consider leaving us a rating and review, which will help others find the show. You can see all our episodes and learn more about the show at howiaipod.com. See you next time.