Claude Design opens research preview for PDF, PPTX, and HTML exports
Anthropic opened Claude Design for prototypes, slides, and one-pagers with brand-aware exports and Claude Code handoff. Try it for faster mockup-to-code workflows and check how the longer-running Claude workflows compare in your stack.

TL;DR
- Anthropic opened Claude Design in research preview as a visual workspace for prototypes, slides, one-pagers, and mockups, and Anthropic's launch summary says it is available to Claude Pro, Max, Team, and Enterprise subscribers.
- According to Anthropic's launch summary, Claude Design can ingest a team's codebase and design files to build a brand-aware design system, then keep colors, typography, and components consistent across projects.
- Export is unusually broad for a first preview, because Anthropic's launch summary lists Canva, PDF, PPTX, and standalone HTML, while the Get started guide covers collaboration and sharing flows.
- The sharpest workflow story came from handoff, where the HN discussion roundup describes mockup-to-code use with Claude Code, and one commenter in Thoughts and feelings around Claude Design said they generated four footer options, picked one, shipped it through Claude Code, and deployed the same day.
You can read the official launch post, skim Anthropic's design system setup guide, and then drop straight into the main HN thread, where the interesting bits are less about glossy mockups than backend handoff, PM-friendly layout iteration, and agency feedback loops.
Claude Design
Anthropic Launches Claude Design for Visual Content Creation
Anthropic has launched Claude Design, a new product in research preview that enables users to collaborate with Claude to generate visual assets such as designs, prototypes, slides, and one-pagers. Powered by the Claude Opus 4.7 vision model, the tool integrates with existing brand systems by analyzing a user's codebase and design files to automatically apply specific colors, typography, and components. Designed for enterprise and professional use, it features organizational-scoped sharing, inline collaboration, and multiple export formats including Canva, PDF, PPTX, and HTML. Additionally, it offers a handoff feature for Claude Code to facilitate project development. The tool is available to Claude Pro, Max, Team, and Enterprise subscribers.
Anthropic framed Claude Design as a Labs product for visual work, not a general image toy. Anthropic's launch summary says it starts from prompts and supports prototypes, slides, and one-pagers, while the launch post adds that users can refine through conversation, inline comments, direct edits, and custom sliders generated by Claude.
The model underneath is Claude Opus 4.7, according to Anthropic's launch summary. The rollout was gradual on day one, and Enterprise access was handled as an admin-controlled setting in the official post.
Design system onboarding
Anthropic Launches Claude Design for Visual Content Creation
Anthropic has launched Claude Design, a new product in research preview that enables users to collaborate with Claude to generate visual assets such as designs, prototypes, slides, and one-pagers. Powered by the Claude Opus 4.7 vision model, the tool integrates with existing brand systems by analyzing a user's codebase and design files to automatically apply specific colors, typography, and components. Designed for enterprise and professional use, it features organizational-scoped sharing, inline collaboration, and multiple export formats including Canva, PDF, PPTX, and HTML. Additionally, it offers a handoff feature for Claude Code to facilitate project development. The tool is available to Claude Pro, Max, Team, and Enterprise subscribers.
Claude Design
Claude Design matters as an AI-assisted visual ideation tool for layouts, slides, and mockups. Commenters emphasize using it to quickly explore options, communicate intent to clients or teammates, and iterate on direction before a designer or developer polishes the result.
The most concrete product reveal is the brand system pipeline. According to Anthropic's launch summary, Claude Design reads a team's codebase and design files during onboarding, then applies the resulting colors, typography, and components automatically.
That lands differently from a blank-canvas design tool. In the HN overview, commenters kept coming back to speed, especially for layout exploration and communicating intent before a designer or developer does the final polish.
The official help article on setting up a design system suggests Anthropic expects this to be a reusable team asset, not just a one-off prompt trick.
Exports and sharing
Anthropic Launches Claude Design for Visual Content Creation
Anthropic has launched Claude Design, a new product in research preview that enables users to collaborate with Claude to generate visual assets such as designs, prototypes, slides, and one-pagers. Powered by the Claude Opus 4.7 vision model, the tool integrates with existing brand systems by analyzing a user's codebase and design files to automatically apply specific colors, typography, and components. Designed for enterprise and professional use, it features organizational-scoped sharing, inline collaboration, and multiple export formats including Canva, PDF, PPTX, and HTML. Additionally, it offers a handoff feature for Claude Code to facilitate project development. The tool is available to Claude Pro, Max, Team, and Enterprise subscribers.
Anthropic shipped four export targets immediately:
- Canva
- PPTX
- Standalone HTML
Those formats appear in Anthropic's launch summary, alongside org-scoped sharing and inline collaboration. That mix makes the product legible as both a design surface and a presentation tool, with fewer last-mile conversion steps than the usual AI mockup demo.
The Get started guide also points to collaboration and export as first-class flows, which matches the launch framing more than a pure solo-creator playground.
Claude Code handoff
Discussion around Claude Design
Thread discussion highlights: - stopachka on Backend handoff: A 2-line prompt can give Claude Design a backend by fetching an AGENTS.md URL that spins up a new backend and credentials; the commenter says they used it to build a multiplayer pelican game. - florakel on Workflow for non-designers: A PM says Claude Design was the missing piece with Claude Code: it made exploring layouts, moving UI elements, and exporting the design system much easier, reducing the need to write long specs. - DecoPerson on Prototype-to-code handoff: A commenter says it won’t replace Figma but will replace the people who use Figma, describing a same-day workflow from Claude Design mockup to Claude Code implementation in an existing stack.
The best reason people cared on launch day was the handoff. The HN discussion roundup says one commenter used a two-line prompt to give Claude Design a backend by fetching an AGENTS.md URL that spun up credentials and infrastructure, while another described the tool as the missing piece between layout exploration and Claude Code implementation.
That thread broke the workflow into three distinct uses:
- Quick visual exploration for non-designers.
- Design-system export instead of long written specs.
- Direct transfer into Claude Code for implementation.
Those are all in the HN discussion roundup, and they point to Claude Design as a front-end for intent capture as much as a front-end for polished visuals.
What early users actually did with it
Claude Design
Claude Design matters as an AI-assisted visual ideation tool for layouts, slides, and mockups. Commenters emphasize using it to quickly explore options, communicate intent to clients or teammates, and iterate on direction before a designer or developer polishes the result.
The community examples were more specific than the marketing copy. In Thoughts and feelings around Claude Design, one HN user said Claude Design generated four footer options for a startup site, they iterated on the fourth, handed it to Claude Code, and deployed it.
The main HN thread surfaced three more patterns:
- A PM said it made moving UI elements and exporting the design system easier, cutting down the need for long specs.
- An agency commenter said quick mockups collapsed client feedback loops faster than calls or reference hunting.
- Another commenter described a same-day path from Claude Design mockup to Claude Code implementation in an existing stack.
The rough edges showed up too. The separate Thoughts and feelings thread called out weak SVG and logo generation, and that limitation is new information compared with the main launch thread because it pins down where the preview still looks more like UI ideation software than a full design suite.