Variable types
| Type | Use it for |
|---|---|
| Color | Brand, text, surface and border colors |
| Size | Spacing, radius and type sizes |
| Font | Heading and body font families |
| Number | Weights, line heights and other unitless values |
Create and group
Name variables with slashes, such as Brand/Primary, to keep them in groups. Each variable becomes a CSS custom property in your project.
Bind a variable
In the Style tab, pick a variable instead of typing a value. Change the variable later and every bound block updates.