Available Tokens

In Figma Tokens, you can create reusable and semantic tokens which you can then reference in your design process.

The available token groups are:

SizingWidth, heightsizing
SpacingAuto-Layout (Gap, padding)spacing
ColorStyles and Layers: Fill, border (right click)color
Border radiusAll corners, individualborderRadius
Border widthBorder width: All, Top, Right, Bottom, Left (right click)borderWidth
Box ShadowStyles and Layers: (one or many, drop/inner)boxShadow
Font familyText layers (in combination with weight)fontFamilies
Font weightText layers (in combination with family)fontWeights
Font sizeText layersfontSizes
Line heightText layerslineHeight
Letter spacingText layersletterSpacing
Paragraph spacingText layersparagraphSpacing
TextCaseText layerstextCase
TextDecorationText layerstextDecoration
Typography compositionsText layers, stylestypography
CompositionAll available tokenscomposition