Modern Creator
Jayde Emails · YouTube

Master Email Design With Claude In 10 Minutes

A 10-minute screen-share walkthrough of how Claude Design turns a competitor email screenshot into a branded campaign layout in under 30 seconds.

Posted
1 months ago
Duration
Format
Tutorial
educational
Views
950
24 likes
Big Idea

The argument in one line.

Claude Design collapses the email creative cycle from hours of designer back-and-forth into a 30-second brief, making the bottleneck brand direction rather than production.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…
  • You run an ecommerce brand or DTC newsletter and spend days waiting on design revisions from an agency or freelancer.
  • You are a solo founder with no design budget who needs polished campaign emails to go out on a regular schedule.
  • You work at an email agency and want to accelerate first-draft output before handing off to a designer for polish.
  • You already use Milled or a similar email swipe library and want to close the loop from inspiration to production.
SKIP IF…
  • You need pixel-perfect, brand-system-compliant emails -- Claude Design is a starting point, not a final production tool.
  • You have no existing brand identity to feed it; the tool amplifies what you give it, it does not create a brand from scratch.
TL;DR

The full version, fast.

Claude Design lets you feed it a competitor email screenshot plus a brand URL and a one-line prompt, and it builds a full HTML email layout in under 30 seconds. The workflow pairs Milled -- a searchable archive of real brand emails -- with Claude Design to remap a competitor layout onto your brand. The output is not production-ready on its own; headlines, product images, and logo accuracy need cleanup. But it eliminates the blank-canvas problem, lets you run multiple generation sessions in parallel, and exports directly to Canva for final polish.

Free for members

Chat with this breakdown — free.

Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.

Create a free account →
Chapters

Where the time goes.

00:0000:54

01 · Hook

Fear/excitement open; frames Claude Design as a category-level shift, not a minor update.

00:5401:50

02 · How to use it

Transition to demo. Opens claude.ai/design and Milled side by side.

01:5002:51

03 · Finding inspiration on Milled

Browses Milled, selects Feals as the reference email brand, downloads the email.

02:5103:20

04 · Opening Claude Design and first prompt

Navigates to claude.ai/design, selects High Fidelity, drags in the Feals email, types a minimal brief with Gruns brand URL and color names.

03:2004:08

05 · First output review

Reviews the generated Gruns email. Notes the AI inferred layout, copy, footer, and color scheme from almost no input.

04:0806:00

06 · Iterating with product images and inline edits

Uploads product screenshot from Gruns website, instructs Claude to place it in hero and product sections. Manually edits headline copy in the inline editor.

06:0007:29

07 · Running parallel chats

Launches second Claude Design session asking for 3 different layout directions simultaneously. Shows both chats running at once.

07:2908:16

08 · 3-direction output review

Reviews three generated layouts and explains how to mix elements across them.

08:1608:50

09 · Export to Canva

Demos share to Canva flow. Frames this as the handoff to a designer or final edit layer.

08:5009:13

10 · Figma file as persistent design system

Shows how to attach a Figma file to lock in brand guidelines that Claude references in every future session.

09:1310:13

11 · Caveats and CTA

Honest note that designs need refinement; closes with agency booking CTA (mailzy.com/form).

Atomic Insights

Lines worth screenshotting.

  • Claude Design produces a full ecommerce email layout in under 30 seconds from a competitor screenshot and a brand URL.
  • The workflow unlock is pairing Milled -- for sourcing real competitor designs -- with Claude Design to remap that layout onto your brand.
  • Running multiple Claude Design chats in parallel lets you get three layout directions simultaneously without waiting for each to finish.
  • Uploading a product page screenshot alongside your prompt places the actual product image into the hero and product sections automatically.
  • Attaching a Figma file to a new chat creates a persistent design system Claude references across all future sessions in that project.
  • The AI output replaces the blank-canvas problem, not the designer -- expect iteration on logo placement, product imagery, and copy accuracy.
  • Exporting to Canva closes the loop from AI-generated baseline to a fully editable, shippable asset without switching to a developer.
  • Agencies gain the most leverage: AI handles mass first-draft volume, designer time is reserved for refinement only.
  • Even a minimal brief -- brand URL plus color names plus a reference email -- is enough for Claude Design to generate a structurally sound layout.
  • The tool asks clarifying questions when your prompt is ambiguous, which produces a more accurate design than if it guesses.
Takeaway

How AI turns a competitor swipe into a branded email draft.

WHAT TO LEARN

The blank canvas is the bottleneck -- not design skill -- and Claude Design eliminates it by remapping any competitor layout onto your brand in under a minute.

  • Start with a real email from your competitive set, not a blank template -- the AI remaps the layout to your brand far more accurately when it has a structural reference.
  • A minimal brief (brand URL, color names, and a reference email screenshot) is enough to get a structurally sound first draft; over-specifying does not meaningfully improve first-pass quality.
  • Run parallel generation sessions to get multiple layout directions simultaneously rather than iterating sequentially on a single direction.
  • Uploading a product screenshot with a specific placement instruction reliably puts the correct product image into hero and product sections without designer involvement.
  • Attaching a Figma file creates a persistent design system so every new Claude Design session starts with the correct brand fonts, colors, and layout conventions already loaded.
  • The AI output is a production baseline, not a finished asset -- plan for at least one round of copy editing, logo swapping, and image quality review before sending.
  • Export to Canva immediately after generation to have an editable, shareable file that a designer or non-technical collaborator can finalize without needing access to Claude.
Glossary

Terms worth knowing.

Claude Design
A visual design feature within Claude (claude.ai/design) that generates HTML email layouts from text prompts and reference images. Requires a paid Claude account.
Milled
A searchable archive of real marketing emails sent by thousands of brands, used to research and download competitor email designs as reference material.
High Fidelity (mode)
A generation setting in Claude Design that produces more detailed, polished output as opposed to a quick wireframe or low-fidelity sketch.
Design System (in Claude Design)
A persistent brand context attached to a Claude Design project -- including fonts, colors, and a Figma file -- that the tool references automatically in all future sessions.
Resources

Things they pointed at.

01:10toolMilled
08:16toolCanva
08:50toolFigma
Quotables

Lines you could clip.

00:20
Designs like this that used to take hours for a design team now take only twenty to thirty seconds.
Tight, specific claim -- no setup neededTikTok hook↗ Tweet quote
03:35
The only brief that we gave is that we wanted it to create a design like this. We never gave it any copy ideas.
Validates the minimal-effort claim live on screenIG reel cold open↗ Tweet quote
09:25
This is just the starting point. The designs are not incredible, and it will take a lot of back and forth.
Rare honest caveat from an AI tutorial -- stands outnewsletter pull-quote↗ Tweet quote
The Script

Word for word.

Read-along

Don't just watch it. Burn it in.

See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.

analogystory
00:00Clauda AI has just released one of the most insane updates for email marketing specifically that I've seen to date. And email marketing is about to change forever. And trust me, this is not just fear mongering.
00:11This is really a huge change that you have to pay attention to, and it's actually gonna benefit you more than anything. The massive changes that they've just introduced a design feature, which means that designs like this that used to take hours for a design team now take only twenty to thirty seconds and not minutes.
00:29So that is a huge change. And you yourself, even if you're a brand owner with no design experience, can now go and put high quality emails together and send them out. So what I wanna do in this video is explain exactly how to use this, how best you can use it as well for future, and different ways that you can actually utilize it so that you can figure out your own workflow system.
00:50This is gonna be huge, and I just wanna dive into it because this is so exciting. Alright. So first thing you wanna do is you wanna open up Claude dot a I slash design.
00:59You do need a Claude paid account to make sure that this works and have enough credits for this. But easily, just go in here. You can use the desktop app as well, but I wanna showcase this for simplicity.
01:10And the next thing you wanna open up is Mold. Reason for that is because Mold is the best way to pull email designs from all your competitors and brands that you follow. You wanna come up with an idea.
01:18I wanna steal an idea and attach it to my brand. So for example, in this case, I wanna use fields because they have some of the best designs out of all of the emails that I've seen, and they also make them super simple. So for example, let's just take a look at this one.
01:31I'm just gonna go ahead and download it. And what I'm gonna do is I'm gonna rip Grun's. I'm gonna try and make a design for Grun specifically, and I am gonna use that as my example brand.
01:43So I just wanna pretty much steal the design from Feals and make it for Grun's. So what I'm gonna do here is Grun's example design over here.
01:51And this is now on floor design. You wanna choose high fidelity, you just wanna go to create. Now what it's gonna do is it's gonna pull up this kind of dashboard.
02:00And what I'm gonna do is I'm gonna drag and drop this field's design in here. So this is the one that we just downloaded right now from Mold. Now I have a paid Mold account for our agency, so that's why I was able to download it.
02:12Otherwise, you can take a screenshot of that design. And here, this is where I essentially wanna go ahead and give it a explanation. Right?
02:20So I'm just gonna go copy paste this URL. I'm gonna say, I want you to create a design for the brand using brand colors, and let's go take a look.
02:35Their brand colors is pretty much like green, white, and black. Let's just say that.
02:41Of green, white, and black. Perfect.
02:47Alright. I want you to create a email design. Let me just make sure that is specific.
02:52Make it it like the example design attached.
03:00Attached. Perfect. Cool.
03:03And so here is where I maybe wanna be a little bit more detailed and attach some other things. So for now, I'm gonna leave it as, and I'm gonna show you how minimal effort you need to pretty much get a result.
03:16So I'm gonna pause the video here and wait for it to generate so that you're not waiting. Alright. So as you can see, the email is actually complete.
03:24And, honestly, for a first take, this is crazy because usually you would need a designer to go through this, then you would give them some feedback on exactly what you wanted. And bear in mind, the only brief that we gave is that we wanted it to create a design like this. We didn't give it any copy ideas.
03:37We never gave it any kind of breakdown of exactly what we wanted, the exact color patterns, nothing. And so it basically took that inspiration and built it out somewhat similar, and it built this entirely on its own, including the footer, by the way.
03:51So not only do we now have this great baseline that either, number one, we can add direct edits to or we can draw on, but we can also send this now to a designer and get them to fine tune it, and we can actually convert this over to Canva. So the entire design process is completely systemized and way more efficient.
04:09And so let's just say that we went to make some changes, um, and we wanted to change some things up, or we wanted to make sure that we actually had some images in. What we could do is let's just use this as an example.
04:21Let's use their original, and let's see what that does.
04:27And I'm gonna take a screenshot just to crop it. Right?
04:32So we're gonna get this. I'm gonna put it over here, and what I'm gonna do is I'm gonna drag and drop that screenshot as an example.
04:38I'm gonna say, hey. This is the exact product that I want you to use in the hair visual as well as the product sections. Right?
04:46And so while that's loading, I'm also gonna take a look at a few other things. So they have a limited flavor. We can even include this.
04:54We can add this in somewhere in the email if we really wanted to, and we can add in the kids. We could add in whatever we really wanted.
05:01But for now, I just wanna add in this. So I'm gonna say add in this product image into the hero visual, well, as the product section.
05:16Perfect. So let me just make sure. Maybe I wanna change a few other things.
05:20Um, but for now, I'm just gonna do that. And while that's loading, you can see what else we can do. We can actually go in here, and we can just change this headline ourselves.
05:28So we can go here. We can say whatever we want. Grooms, gummies, eight little snack packs.
05:37So this is perfect. We can literally just go make the change that we want. If we don't like the copy, we're just gonna change it up.
05:42But the number one thing that takes the most time for brands is the fact that they don't have designers, and they maybe don't even have a budget for a designer. And that's most of the time why people bring on agencies. So keep in mind, this is still gonna take a lot of back and forth.
05:54This is gonna take someone actually being able to, um, manage the edits and manage the ideas. But to be honest, this is a lot easier and a lot simpler than trying to do it in house and trying to struggle to come up with ideas.
06:07So simply steal an idea from mold and then go ahead and apply it. So what I wanna do is I'll I'll wait for this edit. But the other thing you can go ahead and do is you can actually ask it a few other questions.
06:18So you can get it to build three other ideas. And what I've done over here is I have, uh, basically given it another prompt, and I want to make sure that it does exactly that.
06:28So here, it's actually going ahead and it's gonna ask me a couple questions before it starts building so that things are a little bit clearer. Right? Instead of it just assuming what I want, it's gonna go ahead and get a nearer design.
06:40So you have so much potential with what you're gonna get out of everything. Right? Um, so you have your first chat, which is generating something entirely different, and then you have your second chat that is also designing something simultaneously.
06:54So you don't have to rely on one email just nailing it. You can go ahead, you can add whatever you want, and you can make sure that you change things. So the logo is maybe not accurate.
07:03Go ahead and upload the logo and tell it to update those logo areas. Maybe you want a different variation. Maybe you actually want this to be a sale email.
07:11And what you can do is you can start to build this intelligence with this AI that will continuously refer back to the designs. So this is one of the biggest updates to go with email marketing to date. And what I wanna do before I end up this video is show you some of the other things that you can do.
07:29Alright. So based on that brief where I gave three different designs, take a look at what it spat out. It spat out three different designs kind of following the breakdown of how the male example did it.
07:40And so they are following routines, but instead of following it to the t of what we gave it, it's giving us a few different ways that we could show it. So this is something I really, really, really like.
07:51And even then, you can take elements from one and you can replace it with the other. You can use the editor to make sure that it tracks. And then, of course, you can upload product images like I did, and now it's loaded.
08:01You just need to adjust it and make sure that it actually fits in, and you upload nontransparent backgrounds. So with that, that's a great start.
08:08That took me maybe ten seconds maximum to go ahead and do a brief, and it gave me about three minute time of output. So it's way better. Output has never been faster, and design is only getting better.
08:21So the more familiar with it you are now, the better it's gonna be. And so one of the other things that you can do is you can actually choose which one you want. And let's just say that we're gonna use this first one.
08:31We can go ahead to the share, and then we can actually send it to Canva. So not only can we now have this design, we can actually go ahead, send it to an output where it's editable, and now we can easily go ahead, export it, and apply it to designs.
08:46Now the other thing that you can do, which is incredible, is you can go ahead and attach a Figma file. So let's just say that I wanna go and attach a Figma file.
08:55It's gonna use that now and forevermore as the example page for what they actually want. So if we go to start a new chat, um, we can go even attach a screenshot. We can create a design system so it remembers everything, or we can just drag and drop a Figma file.
09:11This is gonna be the biggest difference to how emails are created in the future. It's gonna make things so much easier.
09:18You have a reference point on mold for all of the best designs that every other brand is making, and that way you don't have to reinvent the wheel. Even better if you have a team and designers like we do at our agency. Now keep in mind, this is just the starting point.
09:31So the designs are not incredible, and it will take a lot of back and forth. But that's exactly why we run an agency and one of the best email marketing agencies for our clients is because we can go ahead and do this output ourselves. We can do mass output at high quality, and that is exactly why we work with some of the best brands in the world.
09:48So with that being said, go down below, book in a call with us if you are looking for a team that is on top of AI as well as high quality email marketing. We'll go ahead, send you over a free audit, and jump on a call with you. With that being said, I hope this is helpful, and I hope you're keeping an eye out on all of the AI updates.
10:06I will keep you updated over the next few weeks as things progress, so keep an eye out and go ahead and subscribe. But for now, I'll see you in the next
The Hook

The bait, then the rug-pull.

Ten minutes to rebuild your email design process. That is the promise -- and the presenter backs it with a live screen-share that takes a Feals email off Milled and remaps it onto Gruns in under 30 seconds, with nothing but a brand URL and a color list.

Frameworks

Named ideas worth stealing.

01:00model

Milled to Claude Design to Canva loop

  1. Find reference email on Milled
  2. Prompt Claude Design with reference plus brand brief
  3. Iterate with product images
  4. Export to Canva for final edit

A 4-step production loop that turns competitor email research into a brand-ready editable layout.

Steal forAny brand or agency that runs regular email campaigns and wants to cut design time
CTA Breakdown

How they asked for the click.

VERBAL ASK
09:35product
Go down below, book in a call with us if you are looking for a team that is on top of AI as well as high quality email marketing.

Soft agency pitch. Honest about limitations first, then pivots to the agency value prop. CTA is clear (mailzy.com/form) but low-pressure.

MENTIONED ON CAMERA
01:10toolMilled
08:16toolCanva
08:50toolFigma
Storyboard

Visual structure at a glance.

open
hookopen00:00
title card
promisetitle card00:41
Milled swipe
valueMilled swipe01:10
Claude Design open
valueClaude Design open01:51
first output
valuefirst output03:07
3 directions
value3 directions05:03
Canva export
valueCanva export08:16
caveats
ctacaveats09:13
Frame Gallery

Visual moments.

Watch next

More from this channel + related breakdowns.

Chat about this