Hosted by
Nevan Scott
Veteran design teacher with 700+ success stories and growing
Course overview
Leverage Figma variables to bring superpowers to your design process
Variables aren’t just for developers anymore! Now, from the comfort of our design workspace, we can unlock the power of more adaptive and flexible design. Boost your designs by adding support for light, dark, and high contrast color modes. Improve usability by supporting multiple densities.
Take your designs to a whole new level with fewer headaches and more precision. Why should developers get to have all the power (and fun)?
The course works around your schedule. We meet for 6 hours total—3 sessions of 2 hours each.
October 16, 17, & 19
9:30am – 11:30pm Pacific
12:30pm – 2:30pm Eastern
6:30pm – 8:30pm CET
Price: $99
Who is this course for
01
Junior designers who want to get ahead of the curve and stand out from the crowd
02
Seasoned designers who are looking to up their game and support new capabilities in their products
03
Senior designers looking to take their learnings back to their teams
What you’ll get out of this course
Use color variables like a pro
Build color palettes that differentiate between primitive color values, semantic colors, and component-specific colors.
Use numbers to define spacing and sizing systems
Stop pixel-pushing and start using a system that translates more immediately to the implementation of your designs.
Communicate better with developers
Your developers already think in terms of variables and conditional logic. Now you can too without leaving the comfort of Figma!
Add conditional logic to make more realistic prototypes
Prototypes are a great tool to test out ideas with users before committing to code. Give your usability tests more realism with less effort, and let your testers wander off the “happy path.”
Figma Variables
What you’ll learn
Nevan shows what you’ll be learning and working on in class.
9.2
(12 ratings)
What people are saying
Héctor Rebollo
Johanna Grimberg
Lina Forero
Sabrina Arcella
Meet your instructor
Nevan Scott
Head of Education at Button School
Nevan has been teaching designers and developers for over a decade, and still loves every minute of it! He’s led programs at General Assembly and Ironhack, and coached designers and developers at every stage of their careers. He’s built design systems for the Swiss Red Cross, Northeastern University, Rustic Pathways, and Buzzfeed.
Join an upcoming cohort
Figma Variables
Cohort 3
$99 USD
Dates
Oct 16—19, 2023
Payment Deadline
Oct 15, 2023
Course syllabus
01
Color systems
Variables in Figma unlock new possibilities for color systems in different themes.
02
Spacing and sizing systems
We’ll explore spacing systems that support multiple densities, and start use variables to define sizes for things like icons.
03
Variables for logic
We'll use conditional logic to hide and show elements based on the current state, navigate to different screens depending on what the user has selected, and calculate live information based on user input.
Course schedule
6 hours over 3 sessions
Monday, Tuesday, & Thursday, Oct. 16, 17, & 19
12:30pm – 2:30pm Eastern
9:30am – 11:30pm Pacific
6:30pm – 8:30pm CET
Live Classes
3 Sessions
We’ll meet live on Zoom for lessons, demos, and small group practice sessions in breakout rooms.
Take-Home Exercises
2 hours
You’ll have exercises to practice with between sessions to enrich your learning and bring more insight to class discussions.
Design Tokens: A Visual Primer
This brief visual guide will walk you through the most essential design tokens and naming conventions for any design system. A great companion to keep at your side as you work through organizing and naming variables in Figma!
Get this free resource
Learning is better with cohorts
Active hands-on learning
This course builds on live workshops and hands-on projects
Interactive and project-based
You’ll be interacting with other learners through breakout rooms and project teams
Learn with a cohort of peers
Join a community of like-minded people who want to learn and grow alongside you
Frequently Asked Questions
What happens if I can’t make a live session?
I work full-time, what is the expected time commitment?
What’s the refund policy?
Stay in the loop
Sign up to be the first to know about course updates.
Join an upcoming cohort
Figma Variables
Cohort 3
$99 USD
Dates
Oct 16—19, 2023
Payment Deadline
Oct 15, 2023