Hosted by
Nevan Scott
Veteran design teacher with 700+ success stories and growing
Course overview
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
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
Build color palettes that differentiate between primitive color values, semantic colors, and component-specific colors.
Stop pixel-pushing and start using a system that translates more immediately to the implementation of your designs.
Your developers already think in terms of variables and conditional logic. Now you can too without leaving the comfort of Figma!
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
9.2
(12 ratings)
Héctor Rebollo
Johanna Grimberg
Lina Forero
Sabrina Arcella
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.
Cohort 3
$99 USD
Dates
Oct 16—19, 2023
Payment Deadline
Oct 15, 2023
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.
12:30pm – 2:30pm Eastern
9:30am – 11:30pm Pacific
6:30pm – 8:30pm CET
3 Sessions
We’ll meet live on Zoom for lessons, demos, and small group practice sessions in breakout rooms.
2 hours
You’ll have exercises to practice with between sessions to enrich your learning and bring more insight to class discussions.
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!
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
Sign up to be the first to know about course updates.
Cohort 3
$99 USD
Dates
Oct 16—19, 2023
Payment Deadline
Oct 15, 2023