Claude Design: Anthropic's New Visual Creation Tool with Claude Code Handoff
Claude CodeAnthropic launched Claude Design on April 17, 2026 — a new product from Anthropic Labs that enables users to create polished designs, prototypes, slides, and one-pagers through natural language conversation with Claude Opus 4.7. Teams can connect their existing codebase and design files so brand colors, typography, and components are applied automatically to every project. Completed work can be exported as PDFs, PPTX files, or internal URLs, and handed off directly to Claude Code as a structured bundle for single-instruction implementation.
Featured Video
A video we selected to help illustrate this changelog
Sources & Mentions
5 external resources covering this update
Introducing Claude Design by Anthropic Labs
Youtube
Anthropic launches Claude Design, a new product for creating quick visuals
TechCrunch
Anthropic just launched Claude Design, an AI tool that turns prompts into prototypes and challenges Figma
VentureBeat
Anthropic debuts Claude Design, because who needs designers?
The Register
Anthropic launches Claude Design following Opus 4.7 model upgrade
9to5Mac
Claude Design: Anthropic's New Visual Creation Tool
Anthropic launched Claude Design on April 17, 2026, a new product developed under the Anthropic Labs research preview umbrella. Powered by Claude Opus 4.7, Claude Design enables users to create polished visual work — including website mockups, product prototypes, pitch decks, marketing one-pagers, and interactive demos — through natural language collaboration with Claude.
Who It Is For
Claude Design targets the gap between having a visual idea and producing a credible artifact. Founders, product managers, and non-designers who need to communicate concepts visually — without starting in a professional design tool — are the primary audience. Anthropic positioned the product as complementary to tools like Canva rather than as a direct Figma replacement, though the announcement sent Figma shares down roughly 7% on launch day, signaling that the market read it as competitive regardless.
How It Works
Users start a project with a text description, a document upload (DOCX, PPTX, XLSX), a codebase reference, or a web capture of an existing site. Claude Design produces an initial version, which users can then refine through inline comments on specific elements, direct text edits, or adjustment controls for spacing, color, and layout.
The tool integrates a team's design system by reading its codebase and existing design files during setup, then automatically applying brand colors, typography, and components to every subsequent project — ensuring visual consistency without manual configuration on each new artifact.
Export and Collaboration
Completed work can be shared via organization-scoped internal URLs, exported as PDF or PPTX, sent to Canva for further editing, or saved as standalone HTML files. Permissions can be set per document: private, view-only, or fully collaborative editing.
The Claude Code Handoff
For teams using Claude Code alongside Claude Design, the handoff flow is direct: a finalized design gets packaged into a structured handoff bundle that Claude Code can implement from a single instruction. This tight integration between visual prototyping and agentic coding surfaces as one of the more strategically significant aspects of the launch — it removes the manual spec-writing step that typically sits between a designer's output and an engineer's starting point.
Availability
Claude Design is available in research preview to Claude Pro, Max, Team, and Enterprise subscribers. Access uses existing subscription limits, with optional additional usage available as an add-on.