Hey everyone. I am Alexander and I am the creator of a new plugin called Design System Sync. I built this because I was honestly tired of manually copying hex codes and spacing values to developers every time a variable changed. It always felt like a huge waste of time.
So basically this plugin connects your Figma variables straight to your codebase. It takes your design tokens and automatically creates a pull request in GitHub or Bitbucket. You just click export and the developers get the exact code changes they need.
Here are the main things it can do for you.
Automatic PRs so developers can review changes instantly without leaving their tools.
Multiple formats including W3C tokens and CSS Variables.
Multi-mode support for handling your light and dark themes easily.
Visual change detection so you know exactly what is different before exporting.
The free version gives you 5 exports a month with all formats included.
Pro is 10 dollars a month for unlimited exports and AI code generation.
Figma Community: https://www.figma.com/community/plugin/1561389071519901700?utm_source=figma-forum&utm_medium=post&utm_campaign=bot
Website: https://ds-sync.netlify.app?utm_source=figma-forum&utm_medium=post&utm_campaign=bot
I would really love to hear what you think. Let me know if you run into any bugs or have ideas for new features.