Chad with a timely reminder that the variables icon appears only if there are variables with the right type in your file.

Chad Bergman continues the series on getting started with design systems with a walkthrough of the basics of creating a system tailored to your unique goals and challenges, whether building from scratch or starting with existing pieces.

In this session, Verizon Design Systems Leads Talia Fisher and Kshitij Tambe explain how their team implemented variables and how it’s helping them take their design system to the next level.

Designer Advocate Chad Bergman explains the basics of design systems — what they are, how they work, and how they can change the way you design.

“Using variables in your Figma libraries? Learn how to set a default mode for a library that applies to all of your teams and files within a workspace.”

Chad shows how to use variables to change a variant on a component instance in your designs.

Chad shows how to use variables to change your variants on nested component instances when setting a mode.

The Designer Advocate team recently hosted another Office Hours AMA focused on the use of variables in Figma. Watch Lauren Andres, Luis Ouriach, Chad Bergman, and Shana Hu discuss nested instance variant binding, applying boolean variables, and a few related questions.

“Figma can be a magical place to collaborate, build, and ship, but if you’re just starting out, it can be overwhelming. Join our team for a Q&A focused on the need to know features for those just getting started to help you build out your Figma designs successfully and efficiently.”

Great video from Chad on a conversion technique I described above. Recommend watching this video before you embark on a journey to update your color system.