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