Variables for Design Systems

Hosted by Molly Hellmuth

540 students

What you'll learn

Variables 101

How and when to use Color, Text, And Number Variables in your design system.

Advanced techniques

How to alias variables & create a composite of multiple variables in a single Typogrphy or Gradient style.

Supporting Multiple Themes, Brands & Devices

How to support multiple themes, brands, and/or devices with variable modes.

FREE Demo File

Receive a free Figma file with examples from the lesson! ๐Ÿ”ฅ

Why this topic matters

In 30 minutes I'll catch you up on Figma's latest and most powerful Design System feature, Variables! The key to a tokenized, scalable, flexible (multi-brand) system!

You'll learn from

Molly Hellmuth

Creator of UI Prep

Hey, I'm Molly! ๐Ÿ‘‹ The creator of UI Prep. A Figma design resource that hasย 100K+ย UI kit downloads and creates custom-built design systems for a wide range of companies. I've also trained designers and design teams from amazing companies likeย Adobe, Microsoft, Square, Atlassian, Gusto, and Open Table.

TRAINING THE TOP TEAMS IN TECH

Adobe
Microsoft
Google
Meta
TikTok
ยฉ 2025 Maven Learning, Inc.