← All work01 / 06 · 2026

Platform · Design system, tokens, documentation

Field

A token pipeline that turns Figma variables into production CSS without a handoff gap.

Field preview

Problem

Product teams were shipping three slightly different greys, two radii, and a documentation site nobody trusted.

Approach

I mapped tokens to a typed source of truth, rebuilt the component set as code-first primitives, and documented usage as working examples.

Outcome

One system across web and native. Designers edit variables; engineers consume the same names.

Stack

Figma VariablesTypeScriptCSS custom propertiesStorybook