A design token separates a semantic design decision from one hard-coded value. Tokens can represent an accent color, body spacing, heading scale, panel radius, animation timing, or other recurring property.
Tokens make design systems easier to apply consistently across components and technologies. Artificial intelligence generation can reference the same named decisions instead of improvising slightly different values throughout an interface.
