{"name":"\/design-sync","slug":"design-sync","family":"slash","title":"Slash commands","noun":"slash command","description":"**[Skill](\/docs\/en\/skills#bundled-skills).** Convert your repo's React design system and upload it to [Claude Design](https:\/\/claude.ai\/design), so designs it produces use your real components. Optionally name the design system, for example `\/design-sync Acme DS`. A first-time sync verifies every component and can take a few hours on a large repo. Available on the Anthropic API. It needs claude.ai, which the CLI doesn't contact on Amazon Bedrock, Google Cloud's Agent Platform, Microsoft Foundry, or Claude Platform on AWS, or through a [Claude apps gateway](\/docs\/en\/claude-apps-gateway#availability-and-limitations), so the command is unavailable there","description_source":"docs","described_by":{"doc":"claude-code\/commands","title":"Commands"},"presence":{"first_seen":null,"removed_in":null,"in_current_build":false,"newest_mined":"2.1.319","builds":0,"mined_builds":159,"first_cited":{"version":"2.1.302","released_at":"2026-10-16 16:48:28","spans":2}},"aliases":[],"entries":[{"version":"2.1.317","anchor":"design-sync-messages-for-design-systems-that-moved-to-claud","heading":"\/design-sync explains when a design system has moved to Claude","line":"New `\/design-sync` messages say a design system has moved, or is moving, to Claude, that updates can't be sent there yet, and how to open it","released_at":"2026-11-02 23:57:53","reason":"found in this entry's text, named in this entry"},{"version":"2.1.311","anchor":"browser-design-login-now-reports-a-distinct-code-refused-f","heading":"\/design-login now says when your authorization code was refused","line":"When the browser sign-in for `\/design-login` has its code refused, Claude Code now reports that specific failure and its message","released_at":"2026-10-26 19:47:57","reason":"found in this entry's text, named in this entry"},{"version":"2.1.302","anchor":"standalone-claude-design-shutdown-notice-december-14-2026","heading":"Notice that standalone Claude Design closes by December 14, 2026","line":"Claude Code now tells you standalone Claude Design at claude.ai\/design closes by December 14, 2026, and that Claude Design now lives in Claude","released_at":"2026-10-16 16:48:28","reason":"found in this entry's text"},{"version":"2.1.302","anchor":"design-sync-authorization-success-message-adds-spacing-eleme","heading":"Spacing added after the \/design-sync access message, and a session label fix","line":"The \/design-sync access confirmation gets extra spacing, and sessions started as local_agent are now counted as cowork","released_at":"2026-10-16 16:48:28","reason":"found in this entry's text, named in this entry"},{"version":"2.1.277","anchor":"new-hidden-cli-command-claude-design-login-json","heading":"New hidden CLI command: claude design-login --json","line":"New hidden command claude design-login --json backs the \/design-login sign-in flow for the VS Code extension","released_at":"2026-09-18 16:22:26","reason":"found in this entry's text"},{"version":"2.1.277","anchor":"plugin-install-errors-now-marked-as-ours-for-downstream-ha","heading":"Plugin install errors now marked as \"ours\" for downstream handling","line":"Design login now accepts a manually pasted authorization code more flexibly, with clearer failure reasons","released_at":"2026-09-18 16:22:26","reason":"found in this entry's text"},{"version":"2.1.271","anchor":"new-designsync-tool-for-syncing-local-components-with-claude","heading":"New DesignSync tool for syncing local components with claude.ai\/design projects","line":"New DesignSync tool syncs local files with claude.ai\/design projects, unlocked via \/design-login","released_at":"2026-09-14 19:45:19","reason":"named in this entry, found in this entry's text"},{"version":"2.1.187","anchor":"designsync-improved-messages-in-non-interactive-sessions","heading":"DesignSync \u2014 improved messages in non-interactive sessions","line":null,"released_at":"2026-06-23 17:55:41","reason":"found in this entry's text"},{"version":"2.1.181","anchor":"design-command-claude-design-hub","heading":"\/design Command \u2014 Claude Design Hub","line":null,"released_at":"2026-06-17 18:28:59","reason":"found in this entry's text"},{"version":"2.1.169","anchor":"design-sync-skill-sync-react-design-systems-to-claude-design","heading":"\/design-sync Skill \u2014 Sync React Design Systems to Claude Design","line":null,"released_at":"2026-06-08 18:11:20","reason":"found in this entry's text"}],"entries_total":12,"docs":[{"source":"claude-code","path":"commands","title":"Commands","documented":true},{"source":"claude-code","path":"changelog","title":"Claude Code changelog","documented":false},{"source":"claude-code","path":"claude-apps-gateway","title":"Claude apps gateway for Amazon Bedrock, Claude Platform on AWS, Google Cloud, and Microsoft Foundry","documented":false},{"source":"claude-code","path":"feature-availability","title":"Feature availability","documented":false}],"docs_total":4,"gates":[],"related":[{"name":"\/design","slug":"design","description":"**[Skill](\/docs\/en\/skills#bundled-skills).** Draft UI mockups, screen flows, landing pages, or posters as artboards on one canvas, published as a Claude Design [artifact](\/docs\/en\/artifacts#draft-a-design-canvas), for example `\/design a settings screen for a mobile banking app`. You edit the artboards in a desktop browser, and your edits save automatically. You can export each artboard as PNG or PDF. Requires Claude Code v2.1.265 or later, a session where [artifacts are available](\/docs\/en\/artifacts#availability), and an account where the [Design template is available](\/docs\/en\/artifacts#start-from-a-slides-design-or-docs-template); if your organization has turned that template off, `\/design` doesn't draft designs. Available on the Anthropic API. On Amazon Bedrock, Google Cloud's Agent Platform, Microsoft Foundry, and Claude Platform on AWS, artifacts aren't available, so the command is unavailable there"},{"name":"\/design-login","slug":"design-login","description":"Authorize design-system access for `\/design-sync` with your claude.ai account"}],"url":"https:\/\/changelogs.core-directive.com\/reference\/slash\/design-sync","family_url":"https:\/\/changelogs.core-directive.com\/reference\/slash.json"}