Meredith Medland Claude / Design
A practical guide for operators & teams

How to use
Claude Design

Set up your brand once. Generate landing pages, schedules, decks, one-pagers, and social graphics through conversation. Your colors, fonts, and components come baked in, so everything you make already looks like you. Especially handy for studio owners, founders, and lean marketing teams.

🎨 Set up your brand once ✏️ Describe what you need 📐 Generate studio assets 📤 Export & share
Available on Claude Pro, Max, Team, and Enterprise plans · Open it at claude.ai/design
What it is

Claude Design at a glance

An AI design tool that turns plain-English requests into polished, working visuals. Tell it what your studio needs and it builds it, already styled to your brand.

💬

Conversation first

Describe what you want in everyday language. No design software to learn, no layers or artboards. You chat, the canvas updates.

🏗️

Your brand, always on

Once your studio's look is set up, every new page pulls in your colors, fonts, and components automatically. No manual brand work each time.

🌐

Live, working output

Designs render as real HTML, not flat images. You get working buttons, hover states, and layouts that adapt to phones and desktops.

🔁

Refine through chat

Adjust with follow-up messages, click directly on the canvas to leave a note, or ask for two or three alternatives to compare.

📱

Made for members on phones

Most studio traffic is mobile. Ask for mobile-first layouts and your schedule pages and booking flows look right on a phone first.

🚀

Ship-ready handoff

Export as PDF, PowerPoint, or a standalone web page. Send it to Canva for social scheduling, or hand it to a developer to embed on your site.

The interface

Two panes, one workflow

The layout is simple. A chat window on the left, a live canvas on the right. You type a request, the result appears next to it.

The 5-step creation loop

1

Create a project

Go to claude.ai/design and start a new project. It inherits your studio's design system right away, so there's no brand setup to repeat each time.

2

Add context (optional, but powerful)

Attach a photo of your current flyer, a screenshot of a studio site you admire, or your class timetable. The more Claude sees, the closer the first pass lands.

3

Describe what you want

Write a clear request covering your goal, the layout, the content, and who it's for. Claude builds a working design on the canvas.

4

Iterate

Use chat for big changes like new sections or a different feel. Use inline comments (click an element on the canvas) for small, specific tweaks. Ask for a few alternatives when you want to compare directions.

5

Export or share

Export as PDF, PowerPoint, or standalone web page. Send to Canva for social posts, share a link with your team, or hand off to a developer.

The hub

Your design system: the brand brain

Set it up once and reuse it forever. Every project pulls from this system, so your studio's colors, fonts, and components are already in place.

YOUR STUDIO DESIGN SYSTEM
🎨 Color tokensPrimary · accent · neutrals · dark mode
📝 TypographyFont families · sizes · weights · spacing
🧩 ComponentsButtons · cards · nav · forms · tables
📐 LayoutSpacing scale · grid · page structures
✍️ Brand voiceTone · how you talk to members
📎 Source assetsLogos · site · flyers · photos you upload
Every project inherits all of this automatically

4 steps to build your design system

You only do this once. After setup, everyone on your team creates projects that match your studio's look.

1

Create or switch your organization

Open claude.ai/design. In the lower-left of the project picker, click the current organization name and choose your studio (or create one). That starts the onboarding flow.

On Team and Enterprise plans, your admin grants design-system permissions first.
2

Upload your brand assets

During onboarding, hand over source material. The richer the input, the richer the system Claude extracts.

Strong sources
Your finished studio website · a polished flyer or brochure · brand guidelines PDF · clear studio photos · a class schedule page you like
Weaker on their own
Just a logo file · just a color hex · a blurry screenshot · an unfinished sketch
Tip: Real examples beat specs. A finished page tells Claude more about your studio's feel than a color list alone. Give it a few assets for the best read.
3

Review what Claude generated

Claude builds a kit with your colors, type, components, and layouts. Check it by running a test project.

Test prompts
"Create a landing page for our new beginner yoga series."
"Design a class schedule page for the week."
"Make a one-pager for our intro membership offer."

If the output is off-brand, return to settings and upload more assets, or use the Remix button to tell Claude what to change.
4

Publish and share

Toggle Published to ON in your organization settings. Now everyone on your team creates projects that use the studio system by default.

Brands change. To update later, open org settings, click Open next to your design system, then Remix to chat through the edits.

Setup checklist

  • Have a Pro, Max, Team, or Enterprise plan
  • Pick your best source asset (finished site, polished flyer, or brand PDF)
  • Open claude.ai/design and go to org settings
  • Complete onboarding and upload your assets
  • Review the generated colors for accuracy
  • Review the extracted fonts and components
  • Run two or three test prompts to validate
  • Toggle "Published" to ON
  • Share with your team
Working in the tool

Chat, comments, and versions

There are three ways to work. Knowing when to use each is what makes iteration fast.

ModeBest forExample
💬 ChatBig structural changes, new sections, a different feel, alternatives, accessibility review"Make the schedule page warmer and less corporate." · "Show me 3 layouts for the hero." · "Add a class-pricing section below."
📌 Inline commentSmall, element-level tweaks. Click directly on the thing you want changed."Make this button bigger." · "Turn this into a dropdown." · "Use our primary blue here."
📋 VersionsTrying a fresh direction without losing your current work"Save what we have and try a completely different approach."
Known limitation: inline comments occasionally vanish before Claude reads them. If that happens, paste the feedback straight into the chat instead.

Hidden superpower: ask Claude to review your design

Claude can check contrast, readability, and information order, which matters when your members range across ages and read on small phones in a dim studio. Try: "Review this schedule page for accessibility and contrast."

What to attach to a project

🖼️

Photos & screenshots

Studio shots, a competitor's class page, or visual inspiration. Best for "make it look like this" requests.

📄

Flyers & brochures

A well-designed flyer or PDF helps Claude pull colors, layout, and type choices for that project.

🌐

Web inspiration

Link a studio or wellness site you like the feel of. Claude can study the aesthetic and apply your brand to it.

Troubleshooting

ProblemFix
Inline comment disappearedPaste the feedback directly into chat
Save error in compact viewSwitch to full view and retry the save
"Chat upstream error"Start a new chat tab within the same project
Design doesn't match your brandUpload more or different assets, then Remix to adjust
Getting great results

How to write prompts that work

The first generation is a starting point. A clear opening request gets you closer to your vision on the first try.

The 4-part prompt formula

🎯 GoalWhat you're building
+
📐 LayoutHow it's arranged
+
📋 ContentWhat to show
+
👥 AudienceWho it's for
All four parts together"Build a landing page [goal] with a hero, a class-times grid, and a pricing table [layout] for our new 6-week beginner reformer series, including a short instructor bio and a sign-up button [content], aimed at first-timers who've never done Lagree before [audience]."

Real prompts for studios

🌐 Class & series landing pages

"Build a landing page for our new 6-week beginner yoga series. Hero with the headline and a sign-up button, a three-column 'what to expect' section, two member quotes, and a footer with the studio address and hours. Keep it calm and uncluttered."
"Create a registration page for a weekend wellness retreat. Hero image area, dates and location, what's included, a simple pricing block with an early-bird option, and a sign-up form. Warm and inviting."

📅 Schedules & booking

"Design a weekly class schedule page. A filter for class type and instructor at the top, a day-by-day grid below, and a 'book' button on each class. Mobile-first, since most members check on their phones."
"Create a 4-screen new-member onboarding flow. Each screen has an illustration area, a short headline, body text, progress dots, and a Next button. Walk a first-timer from sign-up to their first booked class."

📄 One-pagers & member docs

"Create a one-pager for our membership tiers. Columns for Drop-In, 10-Class Pack, and Unlimited, with what each includes and the price. Studio header and footer, clean and easy to scan."
"Design a corporate wellness one-pager we can send to local businesses. What we offer, how on-site classes work, sample packages, and a contact block."

🎤 Presentations

"Create a 10-slide teacher-training overview. Slides: Welcome, Philosophy, Curriculum, Schedule, Faculty, Practicum, Certification, Tuition, FAQ, How to Apply. Calm visuals, generous whitespace."

📸 Social graphics

"Create an Instagram carousel (6 slides) announcing our new sunrise flow class. Headline, a key benefit on each slide, and the class time and sign-up call to action on the last one. Export to Canva."

🔁 Iteration prompts

Get alternatives"Show me 2 to 3 alternative layouts for the hero section."
Shift the feel"Make it warmer and more editorial. Less gym, more studio."
Accessibility"Review this page for contrast and readability on a phone."

Do this

  • Start simple, then add detail one layer at a time
  • Call your design-system components by name
  • Say "mobile-first" early, since members book on phones
  • Be specific in feedback ("8px more spacing" beats "tighter")
  • Ask for variations before committing to one
  • Upload a real example of a look you like

Avoid this

  • "This doesn't look right" with no detail
  • Cramming everything into one giant first prompt
  • Forgetting to name the audience and use case
  • Making broad changes through inline comments (use chat)
  • Vague color requests when your brand colors have names
What you can create

Your studio asset library

One design system, many output types. Everything comes out in your brand automatically.

🌐

Class & series pages

New-class launches, series sign-ups, retreat and workshop registration, waitlist pages.

HeroPricingSign-up
📅

Schedules & booking

Weekly timetables, booking flows, instructor and class filters, capacity views.

TimetablesFiltersBook buttons
🎤

Presentations

Teacher-training decks, studio partner pitches, workshop curricula, staff onboarding.

Training decksPitches
📄

One-pagers & docs

Membership sheets, intro-offer flyers, corporate wellness proposals, instructor bios.

Pricing sheetsFlyersProposals
📱

Member flows

New-member onboarding, intake forms, first-class walkthroughs, feedback forms.

OnboardingIntakeForms
📸

Social & marketing

Class-announcement posts, retreat promo carousels, email headers, cover images.

PostsCarouselsHeaders

💡 Especially handy for studios

Claude Design is fast for branded studio collateral: intro-offer landing pages, retreat registration pages, membership comparison sheets, teacher-training decks, new-member intake forms, and corporate wellness one-pagers. All of it comes out in your studio's look, ready to share or schedule.

Getting it out

Export & share

When a design is ready, hit Export in the upper-right of your project. Each format suits a different next step.

📦

Download as .zip

Everything bundled: HTML, design tokens, and assets. Good for archiving or custom integration.

📑

Export as PDF

Best for static sheets, flyers, and proposals. Viewable anywhere and print-ready.

📊

Export as PPTX

Send decks to PowerPoint or Google Slides so your team can edit slides individually.

🎨

Send to Canva

Push a design into Canva for social scheduling or for team members who don't code.

🌐

Standalone HTML

A self-contained web file. Embed it on your studio site or share it as a hosted page.

Handoff to a developer

Package the HTML, tokens, and structure to pass to Claude Code or your web person to build for real.

Which format should you use?

If you need to…Use this
Hand a printed flyer to members at the front deskPDF
Present to a studio partner or landlordPDF or PPTX
Get feedback from a co-owner or instructorShareable link (Comment access)
Post a class announcement on socialSend to Canva, then schedule
Put a sign-up page on your websiteStandalone HTML
Have a developer build it for realHandoff to Claude Code
Let a teammate edit and polish furtherSend to Canva or share with Edit access

Internal sharing

👁️

View only

They see the design and can't change anything.

💬

Comment

They leave inline notes. Good for a co-owner or instructor review.

✏️

Edit

Full collaboration. They can chat and make changes too.

Quick reference

Cheat sheet

Everything at a glance. Bookmark this section.

Core workflow

1Create a project at claude.ai/design
2Add context (photos, flyer, schedule)
3Describe it (goal + layout + content + audience)
4Iterate with chat or inline comments
5Export or share

Design system setup

WhereOrg settings → Design System
Best inputFinished site or polished flyer, not just specs
Once setAll team projects use it automatically
UpdateOpen → Remix to chat through changes
PublishToggle "Published" ON when ready

Chat vs comments

ChatStructural changes, new sections, alternatives
CommentsClick a canvas element for a targeted tweak
WorkaroundIf a comment vanishes, paste it into chat
Versions"Save this and try a new direction"

Export options

.zipFull bundle with tokens
PDFFlyers, sheets, print-ready
PPTXEditable slides
CanvaSocial posts, team polish
HTMLEmbed on your site

What to build

🌐Class & series landing pages
📅Schedules & booking flows
🎤Teacher-training & partner decks
📄Membership & offer one-pagers
📸Social graphics → Canva

Best practices

Start simple, layer in detail
Name your components by name
Say "mobile-first" early
Ask for 2–3 alternatives first
Ask Claude to review for accessibility

Prompt formula

🎯 Goalwhat
+
📐 Layouthow
+
📋 Contentinfo
+
👥 Audiencewho