Claude Design beta brings on-brand canvas editing for paid users

Claude has just rolled out Claude Design, a beta feature for paid web and desktop plans. It can import a design system from code or files, edit layouts directly on a canvas, and sync changes both ways with Claude Code.

•
Claude
claude cover

TL;DR

  • Claude Design (beta): Available on all paid plans, rolling out on web and desktop
  • Design system import: Pulls from a repo, design files, or codebase to stay “on brand”
  • Component-aware building: Uses real components and checks output against the system before showing results
  • Direct canvas editing: New layout controls to drag, resize, and align elements; redesigned editor positioned as steadier
  • Claude Code sync: Two-way sync with Claude Code; promo shows a /design-sync terminal command
  • Exports and integrations: Can export to PDF and PowerPoint; connects to other tools already in use

Claude on Wednesday introduced Claude Design, a beta feature on paid plans for web and desktop that the company claims can stay "on brand" with a design system, allow direct canvas editing, and sync with Claude Code in both directions.

According to Claude’s posts, the tool can import a design system from a repo, design files, or a codebase, then build with "real components" and check output against the system before it is shown. The company also states that the redesigned editor is steadier for daily work and that new layout controls let users drag, resize, and align elements on the canvas.

Promotional material attached to the launch shows a project titled "Playground Crowdfunding Page," with tabs labeled "Simple," "Pro," and "Code," plus controls for "Edit," "Discard," and "Save." The mockup also includes typography settings, a canvas for a "Maple Grove Park" playground fundraiser, and a terminal prompt suggesting a /design-sync command from Claude Code.

Claude also claims the feature can export to PDF and PowerPoint and connect to other tools already in use. In the same thread, the company mentioned that Claude Design is "in beta on all paid plans" and rolling out on web and desktop.

Source: Claude on X

Continue the conversation on Slack

Did this article spark your interest? Join our community of experts and enthusiasts to dive deeper, ask questions, and share your ideas.

Join our community

Related Articles

claude cover

Why Claude Fable 5 thrives on loops and memory

Lance Martin says Claude Fable 5 performs best when built around self-correction loops and cross-session memory. Using benchmarks like Parameter Golf and Continual Learning Bench, he reports stronger gains than Opus 4.7—while replies debate cost and verification.

1 shared tag
claude cover

Anthropic launches Claude Fable 5 and Mythos 5 models

Anthropic has just rolled out Claude Fable 5 and Claude Mythos 5, pairing a general-release model with a more permissive version for trusted users. The company touts big gains in coding, vision, and research, plus new safety routing and lower API pricing.

1 shared tag
claude cover

Claude Code adds nested subagents to keep context under control

Claude Code has just rolled out nested subagent support, an experiment in “agents kicking off agents” to better manage context. The first release caps nesting at depth=5, with a new “fork:true” option to run skills in separate context windows.

1 shared tag