Staging environment
Free Lesson

Variables for Design Systems

30 min
Jun 6, 2024 12:00 PM
Virtual (Zoom)

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

Molly Hellmuth

Creator of UI Prep

TRAINING THE TOP TEAMS IN TECH

Adobe
Microsoft
Google
Meta
TikTok
See all products from UI Prep