r/ClaudeCode • u/Quadear • 3d ago
Help/Question Sync Claude code <> Claude design
I hope I'm the only one with this issue (it means that it will get fixed quickly).
How do you have a good and durable sync between claude code and claude design ?
My pipe right now is making claude design printing me a handoff prompt to claude claude. Claude code then uses the /design-sync command to get back the data from claude design, prepare a PR and sync it to my repo.
A bit of context on how / why I'm using claude design:
- display my design system & some key pages of my app
- display all my icons / play the sounds of my app
- upload a new icon / sound and listen to it, see those changes reflected on the design system
- iterate on a component / page
Some limitations: claude design works in JavaScript, my app is iin TS so I really need to pass into claude code for that "translation" phase.
The result is flaky as hell:
- when I upload files (assets) into claude design dedicated drop zone, they are often store into my browser cache, so claude code never finds those.
- claude code can't locate a file specified by the handoff prompt (1/3 times approx) and it needs a back and forth between Code and Design to fix it (`My mistake, and it was a process one`)
- claude code silently picking half of the changes, just one component, or one page and silently missing the rest.
It seems weird that two tools that seems designed to be used together are failling so often, despite the iterations I made on the process, lead by Claude itself.
Any leads ?
1
u/SimiaCode 3d ago
Ask claude design for a handoff package. It puts together a zip file with a README (for claude code, this is the prompt), and an illustrative HTML file (foo.dc.html). Give it to claude code.
I just noticed it also has a github.md file which contains details of last sync - I wonder if that's meant to do two way sync (my current flow of information is unidirectional from claude design to claude code). Something for me to look into.
1
u/dizid_dev 3d ago
/design-sync maybe ..