Claude Design undergoes a major upgrade: Supports importing design systems and achieving two-way synchronization with Claude Code.

According to Beating, Anthropic announced a major upgrade to its AI design and prototyping tool, Claude Design, focusing on streamlining the design and development workflow. The core feature of the new version is deep two-way synchronization with the terminal development assistant, Claude Code. In Claude Code, developers can use the `/design-sync` command to extract real design system specifications from their local codebase and seamlessly import them into Claude Design projects; or directly create and synchronize designs using the `/design` command in the terminal. This allows generated designs to natively conform to existing components and themes, and after design completion, they can be directly handoffed to Claude Code for code generation and implementation with a single click. Furthermore, Claude Design has restructured its design system import tool, supporting direct analysis and extraction of design specifications from GitHub repositories, design files, or local codebases, with automatic validation before output. The editor itself is also more stable, adding layout controls that allow direct drag-and-drop, resizing, and alignment of elements on the canvas, and supporting exporting designs to PDF and PowerPoint formats. In terms of management and usage, the new version adds an Admin role to the Team and Enterprise plans, allowing design managers to lock onto the official design system to ensure brand consistency. Claude Design also begins sharing usage limits with other Claude products and has optimized token consumption. This update is currently in Beta testing for paid users on both web and desktop platforms.