Claude Code Can Now Create Design, Slide, and Doc Artifacts
Anthropic says Claude Design, Claude Slides, and Claude Docs now work inside Claude Code. Developers can point Claude at files and RFCs, ask for a design review deck or UI mockup, edit the artifact in the conversation or canvas, and share the result from a desktop or terminal session.
Anthropic says Claude Design, Claude Slides, and Claude Docs now work inside Claude Code, bringing editable artifacts into the same workflow as a codebase, repository files, and RFCs. The announcement describes asking for a design review deck or UI mockup, then editing it in the conversation or sharing the finished link. (ClaudeDevs on X; Claude's artifact documentation)
The change connects coding context to outputs that normally require a separate presentation, document, or design surface. Claude Code can work from the files already in the session, while the artifact can be refined through conversation or direct editing. (Claude's Design documentation)
Key Takeaways
- Repository-aware outputs: Ask Claude Code to turn files and RFCs into a design review deck, UI mockup, document, or other artifact.
- Editable results: Claude says users can continue in the conversation or edit the artifact directly.
- Desktop and terminal paths: Documents open in the desktop side panel or through a link from a terminal session.
- Shareable work: Claude Code can publish an artifact to a private URL that updates as the session continues.
- Paid beta surfaces: Claude Design, Claude Slides, and Claude Docs are beta capabilities on paid plans, with Enterprise admin controls.
From Repository Context to a Reviewable Artifact
The workflow starts with the material Claude Code already has. The ClaudeDevs announcement gives a concrete example: point Claude at the actual files and RFCs in a repository, ask for a design review deck or UI mockup, and keep refining it in the conversation. That avoids copying a codebase summary into a separate presentation or design tool before the first draft. (ClaudeDevs on X)
Claude's support documentation describes the broader artifact model: Claude Design creates visuals, mockups, prototypes, one-pagers, and landing pages; Claude Slides creates presentations from notes, reports, or conversation content; and Claude Docs creates living documents. Users can edit outputs, share them by link, and export Slides to PowerPoint or PDF. (Claude's artifact documentation)
For design work specifically, Claude documents /design as the entry point in Claude Code. It can create, edit, and sync designs on desktop or in the terminal, while /design-sync can bring an existing design system from a GitHub repository, design files, raw uploads, or a local codebase into the workflow. (Claude's Design documentation)
How the Surfaces Fit Together
Claude Code is the context and execution surface. Claude Design, Claude Slides, and Claude Docs are the output surfaces. In practice, a developer might ask Claude to inspect an existing interface and produce a design review, turn implementation notes into a deck, or draft a living document from repository documentation. The artifact can then be revised without losing the conversation that supplied the context. (ClaudeDevs on X; Claude's artifact documentation)
On Claude Desktop, the support documentation says a document opens in the side panel. From the terminal, Claude provides a link to open it on the web. Claude Code artifacts can be live interactive pages at private URLs, and the page updates in place as the session continues. (Claude's artifact documentation)
The collaboration model still has boundaries. Claude says Design, Slides, and Docs are beta capabilities on paid plans, enabled by default on Pro, Max, and Team, and off by default on Enterprise until an owner enables each one. Artifacts count toward plan usage limits, so a large deck or design is not a separate unlimited quota. (Claude's artifact documentation)
What Developers Should Try First
A useful first test is a small, reviewable artifact tied to a real repository context: ask Claude Code for a design review deck from an RFC, a UI mockup from an existing component, or a short document that explains a change. Check the generated output against the source files, then use direct edits or follow-up instructions to correct details before sharing it.
The important shift is not just that Claude can make a deck or design. It is that those outputs can begin from the same code and technical context used to build the product, then return to the conversation for iteration. That makes artifacts a bridge between implementation work and the reviews, handoffs, and decisions that surround it.
Sources
- ClaudeDevs on X, “Claude Design, Claude Slides and Claude Docs also work inside Claude Code now,” September 16, 2026: https://x.com/ClaudeDevs/status/2100270861555228770
- Claude Help Center, “What are artifacts and how do I use them?”: https://support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them
- Claude Help Center, “Get started with Claude Design”: https://support.claude.com/en/articles/14604416-get-started-with-claude-design
Read next
Keep building the workspace playbookClaude Merges Cowork and Chat, Adds Docs and Slides to Every Conversation
Anthropic announced that Claude Cowork and chat are merging into one Claude. The rollout starts with Pro and Max users on web, desktop, and mobile, alongside beta Claude Docs and Claude Slides and Claude Design inside conversations.
Claude Design's `/design-sync` Makes Claude Design and Claude Code a Two-Way Workflow
Anthropic's `/design-sync` pulls your design system into Claude Design so everything Claude builds starts from your real components, and keeps work synced as you move between Claude Design and Claude Code. You can start in either surface, hand a finished design off to Claude Code, and continue from existing work instead of a screenshot.
Inside Claude Code's Rebuilt Desktop: Parallel Agents, Drag-Drop Panes, Side Chat
Anthropic rebuilt the Claude Code desktop app on April 14, 2026 around parallel agent workflows: a multi-session sidebar, drag-and-drop panes, an in-app file editor, integrated terminal, side chat, three view modes, and SSH on macOS. Four months on the app also creates routines and local scheduled tasks, browses external sites, and controls your computer.
Frequently Asked Questions
What changed in Claude Code?
Anthropic says Claude Design, Claude Slides, and Claude Docs now work inside Claude Code, so a coding session can create editable visual, presentation, and document artifacts from the files and context in a repository.
What can Claude Code create with these artifacts?
You can ask for a design review deck, a UI mockup, a presentation, or a document, then refine the result through the conversation or directly in the artifact. Claude says the result can be shared by link.
How do Claude Code users open the artifacts?
On desktop, documents open in the side panel. In the terminal, Claude provides a link to open the document on the web. Claude Design can also be started with the /design command.
Which plans include Claude Design, Slides, and Docs?
Claude Design, Claude Slides, and Claude Docs are beta capabilities on paid plans. Claude's support documentation says they are enabled by default on Pro, Max, and Team, and disabled by default on Enterprise until an owner enables them.