- DateJune 17, 2026
- Reading time5min
- ShareCopy link
Update, September 2026: Claude Design now works inside any conversation with Claude, including Claude Code and the Artifacts tab, in beta on paid plans. Slide decks have their own starting point in Claude Slides. Details in the launch post.

Claude Design now sticks to your design system across projects, works fluidly with Claude Code, lets you edit directly on the canvas, and connects to more tools you already use. It has a new home in the sidebar on the Claude desktop app; https://claude.com/product/design
Our goal remains the same as before: letting you explore more directions than a deadline usually allows and making the handoff to polish or build as easy as possible. That goal now serves a lot more people. Over one million people used Claude Design in its first week, and your feedback is shaping what we build next.
Build with your design system components
We rebuilt the design system import to give you more flexibility and increase precision. 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.
Move between design and code
It's now easier to move between working in Claude Design and Claude Code while keeping your work synced. Use /design-sync to pull in your design system, so everything you build in Claude Design starts from your existing components. When a design is ready to become software, you can hand it off to Claude Code, which continues from your existing work instead of starting over from a screenshot.
Prefer to begin in Claude Code? Ask for a design from your session on desktop or in the terminal, or use /design to create, edit, and sync design projects. Import a design into your codebase, turn your code into a live prototype, or let Claude carry a project all the way through.
"Claude design gives me the intelligence of frontier models with the functionality & capabilities of tried & true design tools. Anytime I'm working on design directions for Tenex's site, new brand assets, or presentations, Claude Design is the first place I go. The combination of approachable UX with strong taste & design instinct is why it's become a core part of my tech stack. And then the hand-off between Claude Design and Claude Code makes the process of prototype to production seamless."
- Alex Lieberman, Cofounder, Morning Brew & Tenex
Steadier for daily work
Our new editor gives you direct, fine-grained control over every element of your designs. New, rich layout controls let you drag, resize, and align elements. Hundreds of stability fixes make the editor hold up under real use.
Claude Design also now shares usage limits with the rest of your work with Claude, including Claude Code, so most people will get much more headroom to create, and those hitting limits will do so less often.
From the canvas to the tools you use
Export reliably to PDF, PowerPoint, or HTML, or send your work to the apps you already use—the list of connectors includes Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel, and Wix.
Getting started
Claude Design is in beta on paid plans. It's on by default on Pro, Max, and Team plans and off by default on Enterprise, where an admin turns it on in Organization settings > Artifacts for the whole organization or for specific groups. On Team and Enterprise plans, links are shared inside your organization by default. Ask for a design in any conversation with Claude, including Claude Code, start one from the Artifacts tab, or keep using claude.ai/design. Bring in your design system and create. No ideas? Ask for three directions on your next landing page, and pick the one worth refining.
Transform how your organization operates with Claude
Get the developer newsletter
Product updates, how-tos, community spotlights, and more. Delivered monthly to your inbox.