Design Tokens
Tokens from Figma to code
Primitives, semantic roles, and generated CSS variables power Spring UI. Browse by category — each page is a reference you can copy from while building.
Browse by category
Color ramps and roles, typography scale, spacing, and radius — all sourced from the same token package.
Colors
Primitive ramps, semantic backgrounds and text, borders, status, and component color aliases.
Typography
Families, sizes, line heights, and semantic text styles from the type system.
Space
Primitive spacing scale and semantic layout spacing tokens.
Styles
Radius and style primitives — more foundations will appear here as the set grows.
Sync from Figma
From the monorepo root: pull variables from Figma, rebuild artifacts, then import the token graph in app code.
Run the token sync scripts (requires repo checkout).
Import the compiled token graph in application code.