Command reference ยท Claude Code
/design-login
Authorizes access to the design system for /design-sync via the claude.ai account.
/design-login authorizes access to your design system for /design-sync via your claude.ai account. The command itself doesn't sync anything โ it only establishes the account connection that /design-sync needs afterward.
/design-sync [hint] converts your repo's React design system and uploads it to Claude Design so designs generated by Claude use your real components; optionally you name the design system in the process, e.g. /design-sync Acme DS. An initial sync verifies every component and can take several hours for a large repo.
Important for availability: /design-sync only runs via the Anthropic API. On Amazon Bedrock, Google Cloud's Agent Platform, Microsoft Foundry, and Claude Platform on AWS, the underlying tool can't reach claude.ai โ both commands are unavailable there.
โ WHEN TO USE IT?
Authorize before the first design sync
Run /design-login before syncing your own React design system for the first time.
Reconnect after switching accounts
Call /design-login again if /design-sync suddenly loses access to the design system.
โ WHEN NOT TO?
Expecting an immediate sync
The command only authorizes access via the claude.ai account, it doesn't sync anything itself.
Better: Then run /design-sync for the actual sync.
On Bedrock, Vertex, or Foundry
According to the doc, /design-sync is unavailable on Amazon Bedrock, Google Cloud's Agent Platform, Microsoft Foundry, and Claude Platform on AWS โ the authorization then goes nowhere.
Better: Switch to the direct Anthropic API if design sync is needed.
SOURCES
- Claude Code docs (official) โ code.claude.com