Skip to content
AI Primer
release

Claude Design opens research preview with Canva, PPTX, and HTML exports

Anthropic says Claude Design can generate slides, prototypes, one-pagers, and other visual assets with exports to Canva, PDF, PPTX, and HTML. The preview also supports org-scoped sharing and one-step handoff into Claude Code, so teams can test the export flow now.

4 min read
Claude Design opens research preview with Canva, PPTX, and HTML exports
Claude Design opens research preview with Canva, PPTX, and HTML exports

TL;DR

  • Anthropic opened the launch thread for Claude Design, a research preview that turns prompts into prototypes, slides, one-pagers, and other visual assets, with the official announcement adding that it runs on Anthropic's Claude Opus 4.7 launch post.
  • According to the launch thread and the Claude help guide, the export menu already includes PDF, PPTX, Canva, standalone HTML, and direct handoff into Claude Code.
  • For teams, the launch thread says projects can be shared inside an organization with private docs or link-based access, while the help guide spells those controls out as view, comment, and edit permissions.
  • The more interesting workflow detail in the core summary is that Claude Design can read a codebase and existing design files to build a reusable design system, which Anthropic documents further in its setup guide.

You can read Anthropic's announcement, skim the export and sharing guide, and check how early users on HN immediately pushed it toward template generation, backend-backed prototypes, and code handoff. The other odd reveal is that HTML keeps showing up as the preferred artifact format, both in trq212's thread about replacing markdown with HTML and in a small publish-to-web loop via bentossell's repost.

What shipped

Y
Hacker News

Introducing Claude Design by Anthropic Labs

1.2k upvotes · 762 comments

Anthropic's launch post and the launch thread line up on the basics: Claude Design is an Anthropic Labs preview for Pro, Max, Team, and Enterprise plans, with Enterprise turned off by default and gradual rollout on day one.

The product flow is simple in the help article: start with chat on the left and a canvas on the right, then iterate through conversation, inline comments, direct edits, and Claude-generated sliders.

The export stack is broader than a normal AI mockup tool:

  • PDF
  • PPTX
  • Canva
  • standalone HTML
  • .zip download
  • local coding agent handoff
  • Claude Code handoff, including Claude Code Web

That last item is the Christmas-come-early bit for design-to-code nerds. Anthropic is not just shipping mockups, it is shipping a path from mockup to agent.

Design system input

Y
Hacker News

Claude Design

1.2k upvotes · 762 comments

Y
Hacker News

Discussion around Claude Design

1.2k upvotes · 762 comments

The strongest practical feature is not the canvas. It is the account-level design system.

According to the core summary, Claude Design can read a team's codebase and design files, then apply the resulting colors, typography, and components across future projects. Anthropic's setup guide says those inputs can include codebases, slide decks, and other design references, which Claude turns into reusable components and patterns.

That matches the workflow HN commenters gravitated toward in the HN workflow discussion:

  1. extract the design system
  2. turn it into templates
  3. export the result

The same HN discussion also captures a more code-first use case, with one commenter describing two-line prompts that attach a backend via AGENTS.md. That is a different product than a slide maker.

HTML artifacts

Claude Design's official docs mention standalone HTML as just one export option. Early users are treating it more like the default medium.

In trq212's thread, the argument for HTML over markdown is concrete rather than ideological: side-by-side explorations, visual design directions, annotated diffs, component sheets, interactive prototypes, and inline SVG diagrams all survive better as live pages than as text files. The linked example gallery, The unreasonable effectiveness of HTML, is basically a catalog of artifacts Claude can produce more clearly as HTML.

That preference is already bleeding into distribution. In bentossell's repost, Adam Ludwin describes a loop where Claude generates HTML artifacts and publishes them straight to here.now for an instant URL. LinusEkenstam's reply and hckmstrrahul's reply echo the same shift: HTML is easier to preview, easier to compare, and easier to share than a pile of markdown files.

Further reading

Discussion across the web

Where this story is being discussed, in original context.

On X· 1 thread
HTML artifacts2 posts
Share on X