Advanced Figma Course Online with Expert Support

This course includes

6 hours of project-based training from experts
Answers from real instructors
Retake for free within 1 year
Access to class recordings (30 days)
Verified digital certificate of completion

This course is self-paced. For live online or in-person instruction, take Figma Advanced.

This course is ideal for designers who are comfortable with Figma’s core tools and are ready to deepen their prototyping expertise. It focuses on advanced techniques that help create more functional and realistic prototype behavior.

You’ll learn how to work with sections, variables, variable modes, and conditionals to build sophisticated interactions within your designs. The course also explores how variables support scalable design systems, including light and dark modes, and how variable collections can be structured into primitive and semantic layers to make systems easier to manage and evolve.

This course has a prerequisite

Students should have Figma knowledge equivalent to our Figma Bootcamp.

Figma Masterclass

Course Reviews

From our hands-on training style to world-class instructors and custom-crafted curriculum, we deliver results our alumni are proud of.

Tuition

Full Tuition

$425
Due before the class starts

This course includes

6 hours of project-based training from experts
Answers from real instructors
Retake for free within 1 year
Access to class recordings (30 days)
Verified digital certificate of completion

Learn the Skills Guarantee™

Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.

Hands-on training

Work on projects proven to boost retention

Several students, sitting at computers, looking at the front of the classroom

Time-tested curriculum

Refined over many cohorts for an optimal learning experience

The teaching method at Noble Desktop is perfect and the classes provide you with infinite knowledge that makes you eager to take everything they offer. I love Noble!
—Ivonne Ackerman

Learn from experts

Experienced educators who are driven to help you succeed

Retake for free

Refresh the materials for free within one year

100% Online. Start Anytime

24/7 access to our premium course videos and projects.
Industry experts are assigned as your course instructor. Message your instructor with any questions.
Participate in Noble online discussion forums — share ideas and receive additional support.
Hands-on quizzes and mini projects to test and reinforce concepts.

Earn a Certificate of Completion

Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!

Shareable on

Sample credential for completion of Figma Advanced (Self-Paced)

Figma Advanced (Self-Paced) Curriculum

What You'll Learn at a Glance

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

Project Examples

Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.

Advanced Prototyping in Figma

Use Figma’s advanced prototyping features to demonstrate how things work. Here we mock up the functionality of a shopping cart. Items can be added, removed, and totals (such as number of items in the cart and total dollar amount) are calculated.

Light & Dark Mode using Variables

Figma variables are an advanced feature that can aid your designs and prototypes. One use of variables is creating a design that works in both light and dark mode.

Using Figma’s Section Feature

The Section feature can be used to remember where a user was. In this example, it remembers which page the user was on within the Articles or Search tabs. This often overlooked feature of Figma is easy to use and powerful!

Prototyping with Variables & Variants

Learn how to use variables with component variants when prototyping. In this example, we create the functionality of tabs that the user can switch between.

Course Syllabus

Download Syllabus PDF

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

Frequently Asked Questions

Is this course open to beginners?

Students should have Figma knowledge equivalent to our Figma Bootcamp.

Do you offer payment plans or student financing for this course?

This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.

How long do I have access to the course materials?

This course is available for 30 days.
You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.

What is the cancellation and refund policy for this single course?

For this course, you are entitled to a 90% refund (your payment less the nonrefundable 10% registration fee) within 30 days of purchase if you have not accessed the course materials.

What’s included with my tuition?

A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
Expert support with answers to your questions from real instructors throughout your learning journey
Top-notch curricula that have been tried and tested over many years and are consistently improved for an optimal learning experience
30-day access to class recordings to review material at your own pace
A certificate of completion to verify your accomplishment

Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

However, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.

Do you offer any discounts for this course?

We don’t currently offer discounts as we do our best to affordably prices our courses.

Installments
	10% non-refundable deposit
$425.00	Total You Pay

This course includes

This course has a prerequisite

Take this course as part of the Figma Masterclass and save:

Course Reviews

Tuition

Full Tuition

This course includes

Learn the Skills Guarantee™

Hands-on training

Time-tested curriculum

Learn from experts

Retake for free

100% Online. Start Anytime

Earn a Certificate of Completion

Figma Advanced (Self-Paced) Curriculum

What You'll Learn at a Glance

Project Examples

Advanced Prototyping in Figma

Light & Dark Mode using Variables

Using Figma’s Section Feature

Prototyping with Variables & Variants

Course Syllabus

Section 1

Sections in Prototyping

Intro to Variables: Number Variables & Scoping

Intro to Modes & String Variables (Text Variables)

Prototyping a Tab Bar: Changing Variants with Variables

Section 2

Shopping Cart Part 1: Prototyping with Variables

Shopping Cart Part 2: Prototyping with Conditionals

Shopping Cart Part 3: Navigating Modes in a Variable

Design Systems: Light & Dark Mode (Variable Collections)

Frequently Asked Questions

Is this course open to beginners?

Do you offer payment plans or student financing for this course?

How long do I have access to the course materials?

What is the cancellation and refund policy for this single course?

What’s included with my tuition?

Are there any additional fees or expenses?

Do you offer any discounts for this course?

Related Courses: Compare to Figma Advanced (Self-Paced)

Figma Bootcamp

UX & UI Design Certificate

Web Design Certificate

UI Design Certificate