Frequently Asked Questions About AI Email Design System: Claude vs ChatGPT
22 answers covering everything from basics to advanced usage.
// Basics
What is the vague brief clarifying loop technique in Claude?
The vague brief clarifying loop is a deliberate technique where you submit an intentionally broad initial prompt to Claude so it asks structured clarifying questions. You answer these questions to progressively narrow and personalize the output. This produces more tailored results than an over-specified prompt because it forces structured thinking about the brief and lets Claude surface design decisions you may not have considered.
What is Brand Fetch and how does it help with AI email design?
Brand Fetch is a third-party tool that lets you bulk-download brand assets — logos, color palettes, and fonts — for any given brand. You use these assets to populate a Claude Design System efficiently, giving the AI accurate brand context without manually extracting each element from a website. It saves significant setup time when building a reusable brand engine for email design.
What is Milled.com and why do I need it for this workflow?
Milled.com is an email design reference library containing real brand emails. You use it to find and screenshot 3–4 high-quality emails that represent the layouts, visual hierarchy, and aesthetic direction you want. These inspo designs are critical inputs for the AI — they communicate layout structure far more effectively than verbal descriptions and prevent the AI from producing generic designs.
What is the agency shift concept in AI email design?
The agency shift describes how AI is changing the value proposition of email marketing agencies. Execution speed is no longer the differentiator — anyone can generate a design in 10 minutes. The agency's value now lies in building efficient AI systems, pulling cross-brand performance data, applying proven conversion formulas, and providing strategic input that a single brand cannot generate alone. AI removes the excuse for slow output; it does not remove the need for expertise.
// How To
What aspect ratio should I use when generating email hero images in ChatGPT?
Set the aspect ratio to Story in ChatGPT's Create Image function. This is the closest standard ratio to email proportions and produces hero visuals that integrate naturally into a vertical email layout. Paste your headline, product image reference, and brand direction into the prompt. The output is typically ready in under 4 minutes and can be downloaded and uploaded directly into Claude.
How do I remove the background from a product image before uploading to Claude?
Use a free background removal tool like remove.bg, Canva's background remover, or Adobe Express. Upload your product image, let the tool isolate the product, and download the PNG with a transparent background. Always do this before uploading to Claude — product images with backgrounds intact create messy, unprofessional integrations in the email design and limit Claude's ability to compose clean layouts.
How do I export a Figma file to upload into Claude's Design System?
In Figma, go to File > Export as local file. This exports your design file in a format Claude can ingest. Upload this file when creating your Design System under Design Systems > Create System. The Figma file gives Claude structural context about your existing brand designs and preferred layouts, which dramatically improves the relevance and accuracy of generated emails.
How do I specify table-based HTML in my Claude email brief?
Include an explicit instruction in your brief such as: 'Output the email as table-based HTML for email client compatibility.' You can also mention this during Claude's clarifying questions loop when it asks about coding format. This ensures the exported code renders correctly across Gmail, Outlook, Apple Mail, and other major email clients. Omitting this instruction is a common pitfall that creates deployment issues.
How do I build a reusable Design System in Claude for a repeat client?
Navigate to Design Systems > Create System in Claude. Upload: Figma file with existing brand designs, brand assets from Brand Fetch (logos, colors, fonts), product images with transparent backgrounds, and brand story copy from the About page. Name the system after the brand. This creates a persistent engine that retains all brand context across sessions, so every future email starts from a rich baseline instead of a blank brief.
// Troubleshooting
Why is my Claude email output looking generic and not matching my brand?
The most common causes are: using fewer than 3 inspo reference images (the AI lacks layout vocabulary), not uploading sufficient brand assets (colors, logos, fonts), or using a one-off Design Project instead of a Design System for a repeat brand. Fix this by adding 3–4 diverse inspo emails, uploading complete brand assets via Brand Fetch, and building a persistent Design System with Figma files and brand story context.
Why does my exported email code break in Outlook or Gmail?
You likely didn't specify table-based HTML in your brief. Email clients — especially Outlook — don't support modern CSS layouts like flexbox or grid. Always include 'table-based HTML format' as an explicit requirement in your brief or during Claude's clarifying questions. Re-generate the email with this specification, then test the exported code in an email testing tool like Litmus or Email on Acid before sending.
Claude generated an email but it's missing my benefits section and CTA — what went wrong?
You most likely omitted your high-converting email formula from the brief. Without an explicit structural formula, Claude defaults to aesthetic output and misses conversion-critical elements like ingredient highlights, benefits sections, and CTA placement. Resubmit your brief with the full formula documented: hero visual, headline, product/ingredient highlight, benefits section, and CTA. Be precise about structure; be vague about aesthetic details you want Claude to decide.
What happens if I use a vague brief without providing inspo designs?
Without inspo designs, even Claude's clarifying loop produces mediocre layouts. The AI relies heavily on visual references to understand layout structure, whitespace, visual hierarchy, and aesthetic language. Verbal descriptions alone are insufficient — saying 'modern and clean' means different things in different contexts. Always provide 3–4 inspo screenshots. They're the single most impactful input after your conversion formula for determining output quality.
Can I use this system if I don't have a product image?
Yes, the product image is listed as optional. Without one, Claude will generate a layout using placeholder areas or text-heavy hero sections. However, the hero visual is a critical part of most high-converting email formulas, so the output will be noticeably weaker. If you lack a product photo, consider using ChatGPT to generate a stylized product visual or use a lifestyle image that represents the brand's aesthetic.
// Comparisons
How is using Claude for email design different from using ChatGPT?
Claude excels at generating full, editable email structures that follow a conversion formula — you can click into sections, move elements, and edit directly without reprompting. ChatGPT excels at generating high-quality hero visuals and single-image email designs quickly. The optimal workflow uses both: ChatGPT for hero image generation and Claude for the complete structural layout. ChatGPT is faster for simple, single-CTA emails; Claude is superior for complex, multi-section conversion emails.
Is the AI email design method better than hiring a freelance email designer?
For speed and cost, yes — you get a complete design in under 10 minutes without hourly rates or revision cycles. For strategic nuance and pixel-perfect polish, a skilled designer still adds value. The ideal approach is using AI to generate the foundation and structural layout, then handing it to a designer for refinement. This eliminates the slow ideation phase and communicates intent precisely, making the designer's job faster and more focused.
How does the AI email design system compare to using email builders like Klaviyo or Mailchimp templates?
Template builders in Klaviyo or Mailchimp offer drag-and-drop convenience but limit you to pre-built layouts that often look generic. The AI Email Design System generates custom layouts tailored to your brand's specific assets, conversion formula, and aesthetic references. The output is unique to your brand and follows a documented high-converting structure. You can still deploy the final design through Klaviyo or Mailchimp by exporting the table-based HTML code from Claude.
// Advanced
Can I use this AI email design method for non-e-commerce brands?
Yes, though it's optimized for e-commerce scenarios like product launches, promotions, and subscribe-and-save campaigns. For SaaS, B2B, or content brands, adapt the conversion formula: replace product/ingredient highlights with feature highlights or case study sections, and adjust inspo references to match your industry's email aesthetic. The core methodology — Design System, structured brief, reference-led generation, and editability — applies universally across industries.
How do I document my own high-converting email formula for the AI?
Analyze your top-performing emails and identify the recurring structural elements. Document the sequence explicitly — for example: hero visual with product, headline using design psychology, ingredient/feature highlight with infographic, social proof section, benefits breakdown, and primary CTA button. Write this as a numbered list and include it in every Claude brief or store it permanently in your Design System. This formula is your strategic IP and the single most important input for quality output.
Can multiple team members use the same Claude Design System for a brand?
Yes, if your Claude workspace supports shared access. The Design System acts as a persistent brand engine that any team member can use to generate on-brand emails without re-uploading assets or re-briefing from scratch. This is especially valuable for agencies managing multiple brands — each brand gets its own Design System, and any strategist on the team can produce consistent output by referencing the stored assets, formulas, and brand context.
How many inspo designs should I upload and does the variety matter?
Upload 3–4 inspo designs minimum. Variety matters significantly — choose references that each demonstrate a different quality you want: one for layout structure, one for color and typography, one for visual hierarchy, and one for a specific section you admire (like a benefits infographic). Using only one reference or multiple similar references limits the AI's layout vocabulary and produces less creative, more generic output.
Should I reprompt Claude or directly edit the email design it generates?
Use direct editing for positional and structural changes — moving elements, recoloring sections, deleting blocks, and rewriting copy. Use reprompting only for content-level changes like replacing a headline or adding a new section. Direct editing is faster, cleaner, and doesn't risk degrading the overall layout consistency. This editability is a core advantage of Claude's design output over ChatGPT's image-based generation.