In Figma, variables are stored values that represent design attributes or saved states. They can be string, number, color, or boolean value types.

Variables in Figma design store reusable values that can be applied to all kinds of design properties and prototyping actions. They help save time and ...

Each variable in your collection can have multiple modes. You can select and use the values for specific modes in your prototyping actions and expressions.

Prototyping with variables allows you to create realistic prototypes that change based on user selection, using only a few simple frames and interactions.

Use the Variables modal to create and manage variables, modes, groups, and collections. Deselect everything on the canvas by pressing esc or clicking the canvas ...

Duration: 5:15
Posted: Jul 3, 2023

Variable modes represent the different contexts of our designs. A mode contains a list of values for a variable within a collection, storing one value per ...