Anthropic has added a /design command to Claude Code that lets developers create UI mockups directly in their terminal before building.
The tool reads the existing codebase to match the current style and generates multiple design options as artboards that developers can edit and use as the foundation for their code.
What happened
Anthropic released an early preview of a /design command in Claude Code that lets developers create UI design mockups directly in the terminal or desktop app before writing code. Users run commands like "/design a few options for {feature}" and Claude generates multiple draft designs as artboards that can be selected, edited, and carried into the build phase.
Why it matters
Developers can now visualize and iterate on design concepts within their coding environment rather than switching between separate design and development tools. Claude reads the existing codebase and matches the current UI style, so mockups integrate with the project's design system from the start.
What to watch
The designs are currently generated as shareable Artifacts and must be saved manually for now. To access the feature, developers run "claude update."
Ask the AI about this article →
The /design command represents a tighter integration of design and development workflows within Claude Code. Rather than forcing developers to use separate tools or external design platforms, the feature embeds design iteration into the same terminal or desktop environment where code is written. By reading the existing codebase and matching current UI styles, Claude can generate contextually appropriate mockups that already align with the project's design system—eliminating a common friction point where design and engineering work diverges.
The feature builds on existing components: the editor and prompting capabilities come directly from Claude Design, now ported into Claude Code. Designs are exported as shareable Artifacts that carry forward into the build phase, though they currently require manual saving. This early preview positions the tool as a way to compress the design-to-development cycle, allowing developers to validate visual direction before investing in implementation.
For example, today's edition would include:
AI-summarized, only the topics you pick — one digest a day via Email, Slack, or Discord.
Free · takes 30 seconds · unsubscribe anytimeWhat is AIToday? →
Ask AI anything about this article. Q&As are published on this page for other readers too.
AI coding has moved through three stages—prompt engineering, context engineering, and now harness engineering—…
Workday is integrating its AI agents with Google Cloud's Gemini Enterprise, letting employees start tasks like…
Over the last two years, writing code syntax has become much easier, with tools like Cursor, Claude Code, and…
Meta released Pocket, a mobile app that lets users create interactive games and 'gizmos' by typing text prompt…
Z.ai, a Beijing-based AI startup, made public the details of its latest model on Friday
A third-year PhD student in NLP/interpretability reports that Claude Code now writes most experiment scaffoldi…
