# Claude Code and Claude Design now sync both ways

By Steven Van · 2026-06-21

Running /design-sync pulls a design system into a repo or pushes code-built components back to the canvas.

**Claude Code** and Claude Design now sync in both directions. Running /design-sync pulls a design system into a repo so a developer can build against the real components, or pushes what's been built in code back into Claude Design for further editing on the canvas.

The feature is part of [Claude](<https://creatorstoolbox.com/tools/claude>), and is described in the [original announcement](<https://x.com/i/status/2067391951725629941>).

[Source post](https://x.com/i/status/2067391951725629941)

![Claude](<https://claude.com/images/icon-512x512.png>)

Claude

AI assistant by Anthropic — write, analyze, code, and create with one of the most capable large language models available.

[View Claude →](<https://creatorstoolbox.com/tools/claude>)

[Read Claude Code and Claude Design now sync both ways on Creators Toolbox](<https://creatorstoolbox.com/blog/claude-two-way-sync-claude-code-claude-design>)

---
Canonical source: https://creatorstoolbox.com/blog/claude-two-way-sync-claude-code-claude-design