The problem

Four teams were maintaining four slightly different button styles, and every design review spent time on spacing and colour rather than the product.

What I changed

I defined tokens in Figma variables and wrote a small script that exports them to CSS on every release, so design and code never drift apart.

Docs people actually use

Every component page shows a live example with code you can copy, plus notes on when not to use it.

What I learned. Adoption followed trust. Once the tokens shipped automatically with every release, teams stopped keeping their own copies.

What happened

All four teams moved to the shared library, and new screens now start from components instead of from scratch.