Claude Design
The surface of Claude that turns a plain English description into a finished visual: a page, a deck, a graphic, a prototype. You describe, it draws, you point at what to change.
Step 03 of the walk, Real examples: pages you copy from, not just read. This page is also the proof, because every media asset this site ships is made with Claude Design. New here? Chat vs Cowork → introduces the first two doors.
What Claude Design is
Plain English in, a finished visual out, and you point at what to change.
Describe the thing you need: a page, a deck, a graphic, a prototype.
Refine it by pointing: click the part that is not right yet and say so.
Export it: share it, download it, or hand the design to Claude Code to build for real.
That is the whole loop. It feels less like prompting an AI and more like briefing a designer who never tires of your changes.
In practice that covers most of what a small business ever needs made: landing pages, pitch decks, clickable prototypes you can send for sign-off, social graphics and one-pagers. It lives at claude.ai/design, on the same Claude account you already use for Chat and Cowork. And the first move worth making there is showing it your website or brand: it can read your colours and type and keep them as a design system, so new projects can start in your look.
You do not need design language. You need to know what you are making and who it is for.
When to reach for it over Chat and Cowork
The three everyday surfaces. Claude Code, the builder's fourth door, gets its own step at the end of the walk. The job tells you which door.
- Chat is for the conversation. You steer turn by turn, and what comes back is words: an answer, a draft, a plan.
- Cowork is for the delegation. You hand over a whole job across your real files and step away while it works.
- Claude Design is for the deliverable you judge with your eyes: a page, a deck, a graphic, a prototype. The look is half the job, so the tool is built around looking.
The rule of thumb: if you would judge it by eye before reading a word, start in Claude Design. And the honest boundary: it does not replace a designer for deep brand identity work. It removes the wait and the cost for everything below that bar.
This site is the receipt
I am not recommending a tool I dabble with. This site is what running it looks like.
Every media asset this site ships, the hero videos, the diagrams, the small explainer loops, comes out of Claude Design: a written prompt in, a finished asset out, all in one drawn style family. No stock library, no design agency.
- The style is decided once. A short written style guide, the colours, the type, the drawing rules, sits at the top of every prompt. Taste stored as text.
- Every page ships with commented slots. Wherever an asset belongs, the page source carries a hidden note naming the file and holding the full prompt, ready to paste.
- Producing an asset is a paste. The prompt goes into Claude Design, the asset comes back matching everything before it, and the file drops into the slot.
The worked example is this page. Its own hero ships from a slot exactly like that: the prompt sits in this page's source today, the finished video drops straight in once it is generated, and this is the exact prompt stored inside it:
Decide the style once, store it, and every build after respects it. The same lesson at every step of this course: what you feed it decides what you get back.
Your first prompt
Five things in plain English. Claude makes the design decisions; you bring these.
- Goal. What are you making? A landing page for the spring offer, a one-pager for a client.
- Layout. How should it be organised? A headline, three feature blocks, one button.
- Content. The real words and facts that go in. Paste them; do not make Claude guess them.
- Audience. Who has to get it at a glance?
- Tone. What should it feel like? Premium but approachable beats a font name every time.
Crisp in, few rounds out: a vague five parts costs you five rounds of fixes, a sharp five costs one or two. Then the move this module keeps asking of you: pick one thing that has been stuck because the visual felt like work, and make it this week.
Picking the stuck deliverable, sharpening the five parts and walking the loop end to end is exactly what we do together in a lesson. Book a lesson → and bring the thing that has been waiting on a visual.
Next on the walk: The SOP Generator → messy notes in, a clean SOP out, and the prompts to copy. If you have just built The living dashboard → its style cards were the same taste move this page runs at site scale: decided once, stored, respected by every build. Or browse the whole resource library →