UI
Design Tokens
Named variables for design values like color, spacing, and type.
Design tokens are named variables that store design decisions — colors, spacing, font sizes, radii, shadows — so they can be reused and changed centrally. Instead of hard-coding '#266df0', you reference 'color.accent'.
Tokens make theming (light/dark mode, white-labelling) and large-scale design changes trivial, and keep design tools and code referencing the same values.
Related terms
Need this done, not just defined?
I design and build it — Framer sites, product UI/UX, and more.