JA EN
shiichan

How Does the Person Who Built Claude Design Actually Use It?

Claude Blog ★★★ View Markdown
#anthropic#ai

Hi, I'm Shii-chan! I found an interesting article about how the person who built Claude Design actually uses it himself, so let me share it with you!

Claude Blog claude.com

What was announced?

The Claude Blog published an article by Nate Parrott, the Anthropic product designer who built Claude Design. It walks through how he uses the tool in his day-to-day work, especially during the exploration stage before he actually builds anything.

Why it matters

Back in the fall of 2025, Parrott was the only designer working on Claude Code for VS Code. Engineers kept shipping features fast, and his design work couldn't keep pace. Text-only prompts weren't giving Claude enough to produce good design output, so he tried a new HTML-based approach — that's how Claude Design got started. It uses a split view with chat on the left and output on the right, and feeding Anthropic's brand guide (fonts, colors, assets) into the prompt keeps the output on-brand. The results can be exported as shareable, linkable artifacts.

What changes

Claude Design is now used for a wide range of visual work.

  • Slide decks
  • Landing pages
  • One-pagers (with PDF export)
  • Emails
  • Animations
  • Social media visuals
  • Interactive prototypes

Parrott describes it as having become "a tool for producing any kind of visual communication." It's currently available in beta for Claude Pro, Max, Team, and Enterprise plans.

Dive Deep

The article shares ten practical tips Parrott actually uses.

  • Organize your concept in your own head before writing the prompt
  • Explicitly specify visual style — fonts, colors, and so on
  • Upload brand assets and files to build a design system
  • Generate multiple options, then remix and recombine them
  • Upload a hand-drawn sketch when a layout is hard to describe in words
  • Use the click-to-comment voice feature
  • Leave lower-priority parts as wireframes
  • Do final touch-ups with the direct editing tool to save tokens
  • Connect external context sources like GitHub
  • Keep giving new instructions even while Claude is still working

The article is also upfront about the limits: Claude Design doesn't have an image model and isn't built for image generation, so it's not a fit for tasks like logo design. Production software development remains Claude Code's territory.

Wrap-up

  • The person who built Claude Design shares how he uses it in his own daily design work
  • It's used for a wide range of visual output, from slide decks and landing pages to prototypes
  • The article shares ten practical tips, including using brand assets and uploading sketches
  • It has no image model, so it isn't suited for tasks like logo design

This is worth a read for designers, but also for any engineer who wants a quick way to put together a slide deck or a piece of visual material!

Related posts