My favorite Claude Design workflow: five landing page variations in one go. Here’s the exact brief I use, the pages I study and the handoff to Claude Code.
Most people open Claude Design, type one vague request, get one mediocre page and move on. The trick is to ask for 5 variations at once and compare them. You see your idea from different angles before you commit, and the whole thing takes about as long as brewing coffee.
What Changed
Claude Design now works on every plan, Free included, and it lives inside regular Claude. The old standalone site at claude.ai/design closes on December 14, 2026.
01
Pick 2 or 3 inspo pages from your niche
Don’t feed Claude vibes. Feed it real pages from brands that sell well in your space. Screenshot each one so Claude can see the layout, and paste the links too.
02
Open Claude Design
In any chat, pick Output, then Design in the message box, or just ask Claude for a design. You can also start from a Design template in the Artifacts tab. Paste my brief below with your details filled in, and attach your screenshots.
03
Ask for 5 variations at once
The brief tells Claude to make 5 genuinely different takes, each with its own headline angle. Give it a few minutes.
04
Click on elements to change them
Click any headline, button or section and leave a comment, like "make this button bigger" or "this headline is too long." Use the chat for big changes, like "switch to a dark theme." If a comment doesn’t get picked up, paste it into the chat.
05
Hand it off to Claude Code
Once you pick the winner, click Export in the top right, then Handoff to Claude Code. Choose Send to local coding agent or Send to Claude Code Web and Claude Code builds the real page. You can also export standalone HTML or a .zip, or send it to tools like Canva. (Anthropic’s Claude Design guide)
Fill in the brackets and paste it as your first message.
Selling a real product or service instead of a tech tool? These consumer brands are worth a close look. Study the structure, then make it yours.
01
Magic Spoon
Steal the short, punchy headline that names the promise (right now it’s "Childhood Classics. Grown-Up Ingredients.") and the review count sitting right above it. Great for food, beauty or wellness brands.
02
Allbirds
Steal the clean, product-first layout with very little copy. A great example of saying less and letting the product sell.
03
Brooklinen
Steal how a bedding brand builds trust with reviews and press. Notice where the proof sits next to the products, and copy that placement if you have testimonials.
04
Bombas
Steal the mission-driven story. Its "one purchased, one donated" promise gives shoppers a reason to buy beyond the product. Perfect for any brand with a story behind it.
05
Glossier
Steal the lifestyle photography that makes the site feel like a magazine more than a store. Best for coaches, salons, boutiques and anyone whose vibe is the offer.
Want More Inspo?
Browse land-book.com, a big gallery of landing pages you can filter by industry and style. It’s free to browse, with a paid tier for extra features. Pick 2 or 3 from your niche and feed them in.
Five variations look great in the preview, but they’re still mockups. Whether a page converts still depends on your copy, your offer and your traffic. Claude Design can’t fix a weak product, so use it to ship faster, not to skip the strategy.
Design also counts against the same usage limits as the rest of Claude, and 5 variations at once is a big ask. Be specific in your first message so you need fewer rounds.