#design-tokens

How I stopped setting up design tokens by hand

A Figma plugin that handles the primitive layer you always end up building before the real work starts.

Machine-readable token architecture & an AI sync pipeline

A three-tier token model with naming built for machine readability, and a Figma → StyleDictionary → code pipeline built with Claude to keep design, code, and documentation in sync.

One token architecture across 60+ brands

A white-label SaaS platform where every client needs its own identity inside one shared product. I inherited a system covering ~20% of the suite at 20 brands, and scaled it to full coverage at 60+ — faster to ship, not slower.

Naming things is hard

The hunt for the perfect design-token naming convention.

Generating token docs for free

A Style Dictionary proof of concept that documents design tokens as part of the same build that ships them.