Anthropic has overhauled its Claude Design tool with a bidirectional integration with Claude Code and new brand guideline controls, the company announced this week. The update aims to streamline the handoff between design and engineering teams, a persistent pain point in product development.
New bidirectional integration with Claude Code
The redesign introduces a two-way connection between Claude Design and Claude Code. Developers can now run the /design-sync command in Claude Code to pull design systems directly from local codebases into Claude Design, allowing designers to work with existing components. When designs are ready to ship, designers can pass them back to Claude Code while maintaining a continuous workflow.
In the reverse direction, developers can use the /design command to create, edit and sync design projects directly within Claude Code, without leaving the terminal.
Roman Martynenko, a full-stack software engineer at Henry AI, told The New Stack he sees value in the integration. "My ideal workflow is: design exploration in the web UI, then engineering-grade handoff in Claude Code with the actual repo context," Martynenko said.
Brand consistency features added
Anthropic says the updated Claude Design now defaults to brand consistency across projects. Users can import one or multiple design systems from a GitHub repository, design files or raw uploads. For each new project, the tool automatically inherits brand assets including typography, color and spacing, and validates outputs against those guidelines before presenting final results.
The update also includes a new editor with layout controls for dragging, resizing and aligning elements. An admin feature lets design leads set a standard design system and restrict others from making edits.
Unified usage limits replace separate tokens
Anthropic has eliminated separate usage limits for Claude Design, instead pooling it with Claude Code, chat and Cowork features into a single allocation. The change comes after early users reported burning through tokens quickly during testing. When The New Stack tested the April preview, building a design system and prototype consumed more than 50% of the weekly token allotment.
If users exhaust their pooled usage, Claude Design will be unavailable until the usage resets or they purchase additional credits.
Mixed reviews from early users
Alfie Martin, lead AI product designer at ABM Industries, told The New Stack she does not believe the update has meaningfully reduced the back-and-forth between departments. "Token usage is expensive, and Claude Design uses a lot," Martin said. "Many times, it takes longer than designing a component or changing that detail yourself."
Martin expects a hybrid model to emerge, where AI tools assist with early concept validation but humans ultimately lead final implementation.
The June update adds connectors for sharing with Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel and Wix, broadening the tool's ecosystem reach.
