Keeping spacing and radius tokens actually synced
The lead developer asked me if radius-md was supposed to be 6px or 8px. I froze because I knew our documentation was three weeks out of date.
We had just overhauled our entire spacing system in Figma. I thought everything was perfectly organized. Then I checked the repository. The developers were still typing out 8px everywhere because the JSON token file never actually got updated. We were basically speaking two completely different languages.
So I put together a tool to push Figma variable changes straight to GitHub automatically.
Now a single click in Figma generates a pull request with the exact W3C token diffs. It completely eliminated our dedicated token handoff Slack channel and saved us hours of manual updates. I am the creator of this tool and it is honestly a massive relief to use.
You can try Design System Sync here:
https://www.figma.com/community/plugin/1561389071519901700?utm_source=figma-forum&utm_medium=post&utm_campaign=bot
https://ds-sync.netlify.app?utm_source=figma-forum&utm_medium=post&utm_campaign=bot
How are you all keeping border radii and spacing tokens synced across multiple themes?
