Figma Variables

Where can I learn more about Figma Variables?

Romina Kavcic

Intro to variables Playground File

In this tutorial, learn how to use variables to help you design faster, use aliasing to implement design tokens, and account for different product themes.

🔗 Get the Figma template file

Use this file to follow along our Intro to variables and Prototype with variables video tutorials.


Optimising your design system with Figma’s variables

Diving into primitive & semantic.


Figma Variables at Vodafone UK: how we structured taxonomy for a complex multi-brand design system

When we started working on this project leading up to the Variables launch at Config 2023, we came across lots of insightful information albeit no ready-made solution for our use case, nor the discovery process that led to other frameworks’ informed decisions. Therefore, we hope documenting our journey may provide some inspiration for anyone else starting to apply Variables to their design system.

Design tokens (variables) architecture in Tetrisly Design System. Part 1: Introduction

The way how we addressed design token challenges, from Figma limitations to building a scalable taxonomy.


Tokens vs Variables in Tokens Studio for Figma | Variables Series by Samantha Gordashko

📹 Watch the video


Tokens, variables, and styles

📹 Watch the video

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

© 2022 - 2024 The Design System Guide by Romina Kavcic

© 2022 - 2024 The Design System Guide by Romina Kavcic

© 2022 - 2024 The Design System Guide by Romina Kavcic