Tokens

Province of British Columbia design system with Figma tokens, CSS and JavaScript variables, and React components for consistent government service interfaces.

Dynamic Variables lets you write JavaScript expressions in Figma variable descriptions that automatically compute values based on other variables. Create color scales with darken/lighten functions, calculate spacing tokens mathematically, and build dynamic string templates.

Handoff extracts design tokens from Figma files, annotates components, previews generated CSS, and builds static documentation sites via CLI. It bridges the gap between design and development by turning Figma designs into developer-ready specifications automatically.

Public design system for New York State services with web components, CSS utilities, design tokens, accessibility guidance, and a Figma library for agency teams.

Graph-powered multi-brand token architecture with contextual awareness, dynamic inheritance, and multi-mode theming. The infrastructure layer for scalable design systems that span multiple brands without losing coherence.