A design token is a named, centralized design variable (a color, a spacing value, a font size...) used in place of hard-coded values throughout an interface. Changing a token in one place instantly updates every element that uses it. It is a technical pillar of modern design systems, making consistency and maintenance easier at scale.
Code