Design tokens for Figma

Understanding Tokens and Variables in Figma

In Figma, tokens are imported, stored and utilised as Variables. They can be applied to a range of contexts depending on their type, such as color values, dimensions, spacing, or typography attributes. In these applications, variables are generally tied to styling tokens from Mesh, but can also be utilised to populate content and unlock powerful prototyping interactions.

For that reason, we may refer to tokens and Variables interchangeably, but will generally imply the former meaning unless in the context of prototyping or dynamic content.