Figma Variables

4.6

(16 ratings)

·

4 Days

·

Cohort-based Course

Learn how to work with Figma’s powerful new variables and advanced prototyping features.

Graduates at

Accenture
Adobe
Google
Pentagram
Square

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.


January 15, 16, & 18

9:30am – 11:30pm Pacific

12:30pm – 2:30pm Eastern

6:30pm – 8:30pm CET

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.”

This course includes

3 interactive live sessions

Lifetime access to course materials

In-depth lessons

Direct access to instructor

1 project to apply learnings

Guided feedback & reflection

Private community of peers

Course certificate upon completion

Maven Satisfaction Guarantee

This course is backed by Maven’s guarantee. You can receive a full refund within 14 days after the course ends, provided you meet the completion criteria in our refund policy.

Course syllabus

Expand all modules

    4.6

    (16 ratings)

    What students are saying

    What you’ll learn

    Nevan shows what you’ll be learning and working on in class.

    What people are saying

            For anyone thinking on attending a class with Nevan I cannot recommend him enough as a teacher, and a lot of us working in the industry can attest to the value of his teaching.
    Héctor Rebollo

    Héctor Rebollo

    UX Researcher at Glovo
            I got to learn so much about the topic: see how others created theirs, get inspiration and the course helped me complete the design system that is now used by my entire team. Incredibly useful and also great fun to connect with other professionals in the field from all over the world.
    Johanna Grimberg

    Johanna Grimberg

    Product Designer at Optima Network
            As a teacher, Nevan was an infinite well of knowledge, always ready to answer all my questions and help me navigate my career change experience smoothly, making sure I had all the tools I needed to start my career as a UX Designer.
    Lina Forero

    Lina Forero

    Product Designer at eDreams
            Nevan is a patient, inclusive and skilled teacher, capable of making passionate students fall in love with design all over again, highlighting the powerful causes that can be supported by good UX. I couldn't think of a better teacher for such a people-centered field!
    Sabrina Arcella

    Sabrina Arcella

    UX/UI Designer

    Meet your instructor

    Nevan Scott

    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.

    A pattern of wavy dots
    Be the first to know about upcoming cohorts

    Figma Variables

    |

    Bulk purchases

    Course schedule

    6 hours over 3 sessions
    • 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.

    Free resource

    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

    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.

    A pattern of wavy dots
    Be the first to know about upcoming cohorts

    Figma Variables

    |

    Bulk purchases