The Jira ticket about mismatched greys

A frontend dev tagged me in Jira asking why border-subtle was #E2E8F0 in React but #CBD5E1 in our Figma file.

We had updated our neutral palette weeks ago. The Figma variables were perfect. But somehow global.css didn't get updated during the handoff process. I spent the next two hours manually diffing our design tokens against the codebase to find what else we missed.

So I've built a thing to stop this from happening. I am Alexander and I made a plugin that pushes W3C tokens directly to GitHub.

It creates an automatic pull request with visual diffs every time we publish a variable change. We've completely deleted our manual handoff checklist and it saves us about three hours a week in QA.

You can grab 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 do you keep your devs from using outdated hex codes in staging?