Anthropic Launches Claude Design to Turn Prompts Into Interactive Prototypes

ClaudeClaude

· Updated

Anthropic released Claude Design, a collaborative workspace for building on-brand prototypes, slides, and marketing assets through natural language. By grounding the AI in a team's existing codebase and design system, the tool ensures visual consistency while enabling a direct handoff to agentic coding workflows.

Anthropic launched Claude Design in research preview, a visual workspace for creating prototypes, presentations, and one-pagers. Powered by Claude Opus 4.7, the tool uses high-resolution vision to interpret design intent. It can ingest codebases to extract a design system, ensuring every output matches your brand's typography and colors.
Engine
Claude Opus 4.7
Availability
Pro, Max, Team, and Enterprise plans
Export formats
Canva, PDF, PPTX, standalone HTML
Input support
DOCX, PPTX, XLSX, images, and codebases
Enterprise status
Off by default (requires admin activation)

This update bridges the gap between static mockups and functional software. While traditional AI generators produce isolated images, Claude Design creates interactive prototypes refined through direct edits or custom sliders. It solves design hallucinations (plausible but factually incorrect outputs) by grounding the model in your actual product files.

You can start from a prompt, upload documents, or use a web capture tool to pull elements from live sites. Once finalized, you can export to Canva, PPTX, or HTML, or generate a handoff bundle for Claude Code. The preview is available now for paid subscribers.

View the full update on anthropic.com
Claude
Claude
@claudeai
X

Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude. Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day. https://t.co/2BgBGtgYGX

11kretweets110klikes
View on X

Still wondering? A few quick answers below.

Claude Design is currently available in research preview for subscribers on the Claude Pro, Max, Team, and Enterprise plans. Access is included with these existing subscriptions and uses your standard plan limits. For Enterprise organizations, the feature is disabled by default and must be enabled by an administrator in the organization settings.

Claude Design maintains brand consistency by building a custom design system for your team. During onboarding, the tool reads your existing codebase and design files to learn your specific colors, typography, and components. Once established, Claude automatically applies these brand guidelines to every new project, prototype, or slide deck you create.

You can export your work from Claude Design into several professional formats. It supports direct exports to Canva, where designs become fully editable, as well as standard PDF and PPTX files for presentations. Additionally, you can save your projects as standalone HTML files or share them via internal organization-scoped URLs.

Claude Design bridges the gap between visual prototyping and development through a specialized handoff bundle. When a design is ready for implementation, Claude packages the visual assets and design intent into a single bundle. You can then pass this bundle to Claude Code with a single instruction to begin building the production software.

Claude Design is powered by Claude Opus 4.7, which is Anthropic's most capable vision model to date. This model features high-resolution image support, allowing it to see and process visual details with greater precision. This increased visual intelligence enables the model to handle complex layouts, interactive prototypes, and intricate design systems more effectively.

Every HeadsUpAI update is written based on its original source and reviewed before it's published. Read our editorial standards →

Anthropic

See all AI news & updates from Anthropic →

Share this update