# Figma Advanced Course

Canonical URL: <https://www.graduateschool.edu/courses/figma-advanced>

## Overview

This advanced Figma class is built for users who are comfortable with the fundamentals and ready to expand their prototyping and design system skills. It offers hands-on practice with the features that make interfaces more interactive, consistent, and scalable.

You’ll learn how to work with sections, variables, variable modes, and conditionals to add deeper functionality to your prototypes. The course also covers building design systems with variable collections, including light and dark modes, plus primitive and semantic layers for more efficient design management.

## 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 — Live Online
- Aug 5, 2026 10:00am–5:00pm — Live Online
- Oct 7, 2026 10:00am–5:00pm — Live Online
- Nov 4, 2026 10:00am–5:00pm — Live Online

## Pricing

**Tuition:** $425