Claude Design
Your idea, designed with Claude
Explore more directions than a deadline allows. Describe a prototype, deck, or one-pager, and Claude builds a draft. Refine it yourself, or hand it off to your tools or Claude Code. You're the designer, from start to finish.
Frontier intelligence for every type of design work
Prototypes
Turn a static mockup into a shareable, interactive prototype you can test with real people. No PRs, no code review.
Wireframes and mockups
Sketch a feature flow, then hand it to Claude Code to build or to a designer to refine.
Design explorations
Generate a dozen directions in minutes, then narrow down in your primary tool.
Pitch decks
Go from a rough outline to a finished, on-brand deck. Export to PPTX or send it where you work.
Marketing collateral
Landing pages, social assets, and campaign visuals, ready for a designer to polish.
Documents
Create a resume or a one-pager and export to PDF.
How it works
Idea to visual in minutes
Tell Claude what you need. It builds a first version you can react to, and you refine until it's yours.
Build in your design system.
Import from GitHub, design files, or your local codebase so Claude can build with your real components. The output looks like your company, not a template.
Move between Claude Design and Claude Code
Pull in your design system from Claude Code using /design-sync or work directly in Claude Code with /design.
Fine-grained control
Comment on any element, edit text directly, or use the adjustment sliders Claude creates to tune spacing and color. Use rich layout controls for quick visual and aesthetic shifts, including to drag, resize, and align elements directly.
From the canvas to the tools you use
Export reliably to PDF and PowerPoint or send your work to the apps you already use—the list of connectors now includes Adobe, Canva and more.
"Adobe’s mission is to empower everyone to create — wherever they choose to work. We're excited to build on our Anthropic collaboration, making it possible for anyone to start their concepts in Claude and use the Adobe for creativity connector to take social posts, presentations, flyers and more from draft to done in Adobe Express. Marketers can also turn an idea from Claude Design into a personalized, on-brand website or email campaign ready to deliver to customers in just a few clicks with Adobe Experience Manager and Adobe Journey Optimizer."
"At Lovable, we believe the people closest to a problem should have the power to solve it themselves. Through our partnership with Claude Design, we're excited to see even more people sketching out solutions for the world around them. Now they can seamlessly bring those ideas to life inside Lovable as production-ready applications."
“Replit and Anthropic share a belief that anyone, anywhere should be able to bring their ideas to life with AI. Our mutual goal is to meet builders wherever ideas begin. The Claude Design MCP integration is a natural next step: builders can now design on-brand apps in Claude Design and build, refine, and ship them in Replit, all in one seamless experience.”
"Miro is where teams come together to turn ideas into impactful decisions, on a shared canvas built for collaboration. Connecting with Claude Design means a concept can land on that canvas early, ready for the whole team to refine and build on together. It's been great working with Anthropic to make that first step from idea to alignment feel effortless."
“Wix has always been a home for designers - we're now excited to be taking that one step further with Anthropic. Claude Design connects seamlessly to Wix Headless, giving designers a straight path to Wix's backend infrastructure without leaving their creative process. The design community can now take their UX vision from first sketch to a fully functional, scalable product - exactly the way they imagined it.”
“At Vercel, we're focused on shortening the path from idea to production. That's why we like Claude Design. Designers and developers can take a first concept all the way to a polished, on-brand interface, then push it straight to Vercel to ship.”
“Generating a deck is the easy part now; making it yours has always been the hard part. Connecting Claude Design to Gamma closes that gap, we built this with Anthropic so anything you design in Claude can move straight into Gamma, fully editable, the moment you want to take it further.”
FAQ
Claude Design is an Anthropic beta product that lets users collaborate with Claude to create on-brand visual work like designs, decks, and prototypes.It's early, and we're shipping improvements often.
Claude Design is in beta on Claude Pro, Max, Team, and Enterprise plans and included with your subscription. Start designing at claude.ai/design.
It's off by default. An admin can enable it in Organization settings. See the admin guide in the Help Center.
Import from your codebase, a web capture, or DOCX, PPTX, and XLSX files. Export to PPTX, PDF, or HTML, share an org-scoped link, hand off to Claude Code, or send to the apps you already use daily. The list of connectors now includes Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel and Wix, with more destinations coming soon.
Bring in one or several design systems from a GitHub repo, design files, or raw uploads. Claude builds with your components, checks its output against your design system, and makes corrections before you see it. For larger teams, a new admin role can approve one standard system and lock down edits, so the work always matches your company guidelines.
Claude Design shares usage limits with chat, Claude Cowork, and Claude Code. See the Help Center for current details.
