# Figma Advanced (Self-Paced)

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

## Overview

Take your Figma skills further in this advanced class designed for users who already understand the basics and want to create more dynamic, realistic prototypes. You’ll focus on the tools and workflows that support more interactive and flexible design work.

Throughout the course, you’ll use sections, variables, variable modes, and conditionals to enhance prototypes and build stronger design systems. You’ll also learn how to organize variable collections for light and dark modes and create primitive and semantic layers that are easier to manage and update.

## What you'll learn

- Work with Figma’s advanced prototyping tools to create more realistic user experiences.
- Learn how to use variables and variable modes to build more flexible designs.
- Apply conditionals to add deeper interactivity to prototypes.
- Create light and dark modes using organized variable collections.
- Use primitive and semantic layers to build clearer, more scalable design systems.

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

## Pricing

**Tuition:** $425