Discover Classes. Earn 10% Rewards.

Figma Advanced

Take your Figma abilities to new heights with advanced prototyping techniques. Learn to add realistic interactivity using variables, modes, and conditionals. Lift your design skills with this next-level course.

  • Advanced
  • 18 and older
  • Earn 10% Rewards
  • Price Lock

    Secure your booking now and we'll match any price drop within 48 hours across all booking platforms, ensuring you never miss out on savings!

  • Interactive Online Classroom

Express Checkout – $425


Proceed to Checkout

No Booking Fees. Lowest Price Guaranteed. Earn 10% Rewards.

Give as a Gift

Start Dates (11) $425/person

20 left
Book
20 left
Book
20 left
Book
20 left
Book
Show all 2 sessions
  • Mon, Feb 08 at 6:00pm - 9:00pm
  • Wed, Feb 10 at 6:00pm - 9:00pm
20 left
Book
Showing 15 of 11

Book a Private Group Event

Booking this class for a group? Find great private group events

Or see all Professional Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

Class Description

Description

Are you ready to elevate your Figma expertise to an advanced level? This comprehensive prototyping course is designed specifically for those who have already mastered Figma's foundational features and seek to unlock the full potential of the platform.

Throughout this course, you will gain proficiency in working with sections, variables, variable modes, and conditional statements to create sophisticated and highly realistic prototypes. These advanced techniques will enable you to add layers of interactivity and functionality that go far beyond basic design work.

A particularly valuable component of this training focuses on leveraging variables to construct comprehensive design systems. You will explore how to implement both light and dark modes using variable functionality, and you'll discover how to organize variable collections into primitive and semantic layers. This structured approach makes design systems significantly more user-friendly and streamlines the process of making updates across your entire design ecosystem.

Important prerequisite information:

To succeed in this course, you should possess Figma knowledge that is equivalent to completing our Figma Bootcamp training program.

To learn more about the Figma Advanced program, visit the Noble Desktop website.

Remote Learning

This course is available for "remote" learning and will be available to anyone with access to an internet device with a microphone (this includes most models of computers, tablets). Classes will take place with a "Live" instructor at the date/times listed below.

Upon registration, the instructor will send along additional information about how to log-on and participate in the class.

Also available in-person in NYC

Syllabus

Section 1

Sections in Prototyping

  • Using Sections to Organize & Navigate a File
  • Using Sections in Prototyping

Intro to Variables: Number Variables & Scoping

  • Creating, Using, & Editing Number Variables
  • Variable Scoping

Intro to Modes & String Variables (Text Variables)

  • Creating & Applying String Variables
  • Creating & Switching Modes

Prototyping a Tab Bar: Changing Variants with Variables

  • Creating Variants
  • Creating a Variable for the Variants
  • Making it Interactive

Section 2

Shopping Cart Part 1: Prototyping with Variables

  • Defining Products with Variables & Modes
  • Connecting Content to the Variables
  • Hiding Objects with Boolean Variables
  • Adding Items to the Cart

Shopping Cart Part 2: Prototyping with Conditionals

  • Defining Cart Variables
  • Making the Cart Quantities Work
  • Using a Conditional to Avoid Negative Numbers

Shopping Cart Part 3: Navigating Modes in a Variable

  • Calculating the Cart Total
  • Accessing Modes in a Variable

Design Systems: Light & Dark Mode (Variable Collections)

  • Light & Dark Modes
  • Variable Collections
  • Using Primitive & Semantic Layers to Build a Design System

Refund Policy

  • Students may cancel up to 14 days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price). 
  • Cancellations within 14 days are not permitted, but students may reschedule up to three business days before the class start date.
  • For cancellations and reschedules, please email us at [email protected]

In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at Noble Desktop (452)

Noble Desktop

Noble Desktop is a reputable New York-based training institute known for offering a wide range of creative and technical courses, including web development, design, coding, and digital marketing. With a strong emphasis on hands-on learning and industry-relevant skills, Noble Desktop equips individuals with the knowledge and expertise needed to excel in today's competitive job market.

View school profile
Noble Desktop
Vetted by CourseHorse

A verified Online educator.

CourseHorse’s Choice 4.6 out of 5 · 452 reviews
Loading...