What is Claude Design, and how does it turn a prompt into a prototype?

Claude Design is a new Anthropic Labs tool, launched as a research preview on April 17, 2026, that lets you create designs, clickable prototypes, slide decks and one-pagers by describing them to Claude and then refining the result. It runs on Claude Opus 4.7, can learn a team's colors and components from its code and files, exports to formats such as PDF, PowerPoint and Canva, and hands finished designs to Claude Code to build.

What is Claude Design, and how does it turn a prompt into a…

Yesterday, Friday, April 17, 2026, Anthropic launched Claude Design, the first product from its Anthropic Labs team. It is a workspace where you describe a piece of visual work, such as an app screen, a pitch deck or a flyer, and Claude produces a first version you can then adjust by chatting, commenting or editing directly.

Claude Design is a research preview, meaning an early version released to learn from real use. It is included in the Pro, Max, Team and Enterprise plans and was rolled out gradually during the day. On Enterprise plans it stays off until an administrator turns it on. It runs on Claude Opus 4.7, the model Anthropic released the day before.

What Anthropic released

Anthropic pitches the tool at two groups. Designers can try many more directions than they normally have time for. People without design training, such as founders, product managers and marketers, can turn an idea into something they can show others.

Use	Example from the launch
Interactive prototypes	Turning a static screen design into something clickable for user testing
Wireframes and mockups	Sketching a feature's flow, then passing it to engineers
Pitch decks	Going from a rough outline to a full branded deck
Marketing material	Landing pages, social posts and campaign images
Experimental prototypes	Code-powered demos with voice, video, 3D or built-in AI

A prototype is a working model of a product made to test an idea before building the real thing. A wireframe is a simple layout sketch that shows where things go, without final colors or images.

Claude Design uses your plan's normal usage limits, with optional paid extra usage. VentureBeat reports there is no date yet for a full release, and Anthropic lists known rough edges: messy code produces a messy design system, collaboration is not yet fully live for many people at once, and editing is still basic in places.

How it works

1. Your brand, learned once. During setup, Claude studies a team's code and existing design files, then assembles a design system: the shared set of colors, fonts and reusable parts, like buttons and cards, that keeps a company's products looking consistent. Later projects use it automatically, and teams can keep more than one.

2. Start from anything. You can begin with a sentence, upload images or Word, PowerPoint and Excel files, point Claude at a codebase, or use a capture tool to copy elements from your live website so a mockup looks like the real product.

3. Refine in several ways. Besides chatting, you can comment on a specific element, retype text yourself, or use sliders that Claude creates for the design, for example to adjust spacing or color, and then ask Claude to apply a change everywhere.

4. Share and export. Designs can be private, viewable by anyone in your organization with the link, or editable by colleagues who can chat with Claude in the same project. You can export to PDF, PowerPoint, standalone HTML (a web page file), a folder, or Canva, where the design becomes fully editable.

5. Hand off to build. When a design is ready, Claude bundles it so Claude Code, Anthropic's coding agent, can turn it into a working product from one instruction.

On privacy, VentureBeat reports that Anthropic stores the design system it generates rather than the source files, does not upload linked local code, and says it does not train on this data.

A worked example: a one-page event flyer

Suppose a library volunteer needs a flyer and a matching social post:

Prompt

Create a one-page flyer for a free "Intro to AI" evening at our town
library, Thursday May 14, 7 p.m. Friendly and readable for older adults:
large type, high contrast, no jargon. Include a short agenda, a line
saying no registration is needed, and space for a photo of the room.
Then make a square version for social media with the same look.

Claude produces a first flyer and the square version.
The volunteer comments on the heading: "Make this warmer and less techy."
A slider Claude provides enlarges the body text until it is comfortable to read.
The final flyer is exported to PDF for printing and sent to Canva for a colleague to tweak.

Try it: If you have a paid Claude plan, ask Claude Design for a single slide that explains one idea from your work. Then change it three ways: once by chat, once with an inline comment and once by editing the text yourself, and notice which method feels quickest.

Why it matters

Claude Design moves Anthropic further from supplying models toward building finished applications, next to Claude Code and its other tools. The handoff to Claude Code is the notable part: an idea can go from description to prototype to working code inside one set of tools.

It also changes who can make visual work. Early testers report big time savings: the education company Brilliant says pages that took more than 20 prompts in other tools took 2 here, and Datadog's product team says a week of back-and-forth became one conversation. VentureBeat frames the launch as a challenge to established design software, noting that Anthropic's chief product officer, Mike Krieger, left Figma's board on April 14. Anthropic stresses compatibility instead, pointing to exports to Canva, PowerPoint and PDF and to planned integrations with other tools.

How do you start your first project in Claude Design?

Go to claude.ai/design while signed in to a Pro, Max, Team or Enterprise account. If you are on an Enterprise plan and do not see it, ask your administrator to enable it in organization settings.

For a first try, skip the brand setup and start from a short, specific request with an audience and a format, as in the flyer example. Refine with comments rather than rewriting the whole prompt, and export early to check how the result looks in the file type you need.

If you work in a team with an established look, set up the design system next, using a clean, well-organized codebase or design files. The better the material Claude learns from, the more consistent every later project will be.