Claude Code can now create UI mockups directly from the terminal

Anthropic has expanded Claude Code with visual design workflows: the agent can now create UI mockups, presentations, and animations directly from the terminal or desktop app. 

The change narrows the gap between describing a feature and seeing an initial interface direction. A developer can ask Claude Code for several UI options, review them as Artifacts, refine one, and then ask the agent to implement the chosen version in code.

What changed

Claude Design was already connected to Claude Code through the /design-sync workflow, which helps bring a design system into a repository. Anthropic also describes a /design workflow on its Claude Design page, aimed at working with design directly from Claude Code.

• Claude Code can generate multiple UI directions for a new feature.
• Mockups are created as Artifacts that can be previewed and refined.
• The agent can use repository context to better match existing components and visual style.
• After selecting a direction, the user can ask Claude Code to implement it.

What teams should watch

For product and frontend teams, this turns Claude Code into more than a file-editing agent. It becomes a fast visual exploration layer inside the development workflow, especially useful when a team needs to compare interface directions before writing the final UI.

The feature is still an exploratory preview, so the output needs human review. Claude Code may help with direction and iteration speed, but teams still need to check UX quality, accessibility, design-system consistency, responsive states, and final implementation details.

Availability

The feature is available to Claude Pro, Max, Team, and Enterprise users. Users need to update Claude Code with claude update.