Particle.news
Download on the App Store

Anthropic Overhauls Claude Design to Enforce Design Systems and Close the Design‑to‑Code Gap

The company says the June update reduces rework by enforcing imported design systems so teams can move prototypes into production more reliably.

Overview

  • Anthropic rolled out the update on June 17, adding the ability to import one or more design systems from GitHub repos, design files, or raw uploads so generated prototypes inherit approved colors, type, spacing, and components.
  • The release tightens integration with Claude Code by adding round‑trip handoffs and terminal commands such as /design-sync and /design that let developers pull, edit, and sync design projects from the repo context.
  • Anthropic restructured token use to front‑load heavy generation and lowered average turn costs, and it has doubled weekly token limits across plans to address early complaints about rapid token burn.
  • New editing controls and in‑canvas fine tuning let users change layout, type, and button styles directly, and export options now include PDF, PPTX, HTML and connectors to tools like Adobe, Canva, Miro, Replit, Vercel, and Wix.
  • The tool remains a beta research preview but is now available on Pro, Max, Team, and Enterprise plans with admin controls for approved design systems, a move meant to make Claude Design acceptable for governed team workflows while raising switching costs versus open alternatives.