# Figma Advanced

Canonical URL: <https://training-nyc.com/courses/figma-advanced>

## Overview

Ready to take your Figma skills up a notch? This class is designed for those who have a solid grasp of Figma’s basics and want to elevate their prototyping skills to new heights.

In this class, you’ll learn how to use sections, variables, variable modes, and conditionals to add more advanced (and realistic) functionality to your prototypes.

You’ll also see how variables are used to create design systems, including light and dark modes! You’ll explore how to use variable collections to create primitive and semantic layers that assist in creating design systems that are easier to use and make changes to.

## What you'll learn

- Explore Figma’s advanced prototyping features
- Learn how to use variables (and variable modes)
- Use conditionals to add advanced interactivity to prototypes
- Create light and dark modes using variable collections
- Use primitive and semantic layers when building a design system

## Prerequisites

Students should have Figma knowledge equivalent to our [Figma Bootcamp](https://www.nobledesktop.com/classes/figma-bootcamp).

## Curriculum

### 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

## Schedule
- Jul 29, 2026 – Aug 3, 2026 — NYC
- Aug 5, 2026 10:00am–5:00pm — NYC
- Oct 7, 2026 10:00am–5:00pm — NYC
- Nov 4, 2026 10:00am–5:00pm — NYC

## Pricing

**Tuition:** $425