Figma Masterclass
- Format
- Live or Self-paced
Choose how you learn
Compare formats, then explore the details for your choice.
Book directly on nobledesktop.com. Opens in a new tab.
Book live on Noble DesktopSummary
Master Figma with this comprehensive 18-hour Figma Masterclass, which combines our Figma Bootcamp and Figma Advanced courses. Figma is a modern design app built with the specific needs of a modern Web Designer, UX Designer, or App Designer in mind. Unlike image editing programs such as Photoshop, which were originally created for print, photo retouching, or illustration, the entire focus of Figma is on designing user interfaces and user experiences. You can craft the visuals and turn them into working prototypes, all in a single app.
Figma uses frames (which other apps call artboards) to efficiently design web layouts for mobile, tablet, and desktop (or screens for apps). It’s vector-based, so you can scale for a variety of screen sizes with ease, as well as export hi-res (Retina) graphics for websites, apps, and more. You’ll find tools and features specifically relevant to UI (User Interface) design and UX (User Experience) design, such as components, built-in prototyping tools, and much more.
In this class, you’ll learn to create designs and then turn them into interactive prototypes that go from screen to screen, open navigation overlays, make specific areas within a screen scrollable, and more. You’ll even add animations to your designs using Smart Animate. Work with advanced prototyping functionality to add more realistic functionality to your designs. Learn to create flexible design systems with components, styles, variables, and more. Figma is a web app and 100% cloud-based, so collaboration and easy file sharing are built in. While you can install the Figma desktop app, you can also just log into Figma in any web browser and start designing without installing anything.
Curriculum
What you'll learn
- Create UI (user interface) and UX (user experience) designs for websites, apps, and more.
- Design finished layouts that are optimized for mobile, tablet, and desktop screens.
- Design on grids, extract image assets, share designs with clients/developers, and more.
- Build interactive prototypes.
- Make animations using Smart Animate.
- Use components (including variants) to make updating your designs easier.
- Work with Team libraries to share style and design components.
- 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.
Course outline
-
Figma Bootcamp 12 hours
Start learning Figma for UI/UX design. Gain a solid understanding of its capabilities, from creating files, to designing on a grid, working with text/photos/colors, creating components, building prototypes, exporting assets, sharing files, creating animations, and more.
- Create UI (user interface) and UX (user experience) designs for websites, apps, and more
- Design finished layouts that are optimized for mobile, tablet, and desktop screens
- Design on grids, extract image assets, share designs with clients/developers, and more
- Build interactive prototypes
- Make animations using smart animate
- Use components (including variants) to make updating your designs easier
- Work with Team libraries to share style and design components
-
Figma Advanced 6 hours
Take your Figma skills to the next level with this advanced prototyping course. Learn to use variables, modes, and conditionals to add more realistic interactivity to your prototypes.
- 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
What's included
- Free course retake within one year to refresh the material and gain practice.
- Course workbook
- Class recordings
Stated by the provider. Confirm what your tuition covers before enrolling.
Live classes
Choose dates and book your instructor-led class on nobledesktop.com.
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EST)
-
–
In-person or live online
Mon, Wed
18:00–21:00 · America/New_York (EST)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EST)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Wed
18:00–21:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Wed
18:00–21:00 · America/New_York (EDT)
-
–
In-person or live online
Mon, Tue, Wed
10:00–17:00 · America/New_York (EDT)
Confirm current dates and availability on Noble Desktop before booking.
Self-paced course
Learn through recorded lessons on your own schedule.
This program is available for 60 days. You can choose when to start your access period. Once you activate, you will have 60 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.
- Tuition
- $995
- Course length
- 18 hours
- Schedule
- On your schedule
Master Figma in this self-paced course that combines beginner and advanced training into one comprehensive program. Designed for web, UX, and app designers, the course covers modern design workflows for creating layouts, building prototypes, and developing polished digital experiences for desktop, tablet, and mobile screens.
You’ll create responsive designs, interactive prototypes, animations, and scalable design systems using components, styles, and variables while gaining practical experience with Figma’s collaborative, cloud-based workflow.
Self-paced curriculum
What you'll learn self-paced
- Create UI and UX designs for websites, apps, and other digital products.
- Design polished layouts for desktop, tablet, and mobile screens.
- Use grids, export assets, and share designs with clients and developers.
- Build interactive prototypes and create animations with Smart Animate.
- Work with components, variants, team libraries, and variables for more efficient design workflows.
- Develop advanced prototypes with conditionals, light and dark modes, and scalable design systems.
Self-paced course outline
-
Figma Bootcamp (Self-Paced) 12 hours
Start learning Figma for UI/UX design. Gain a solid understanding of its capabilities, from creating files, to designing on a grid, working with text/photos/colors, creating components, building prototypes, exporting assets, sharing files, creating animations, and more.
- Create UI (user interface) and UX (user experience) designs for websites, apps, and more
- Design finished layouts that are optimized for mobile, tablet, and desktop screens
- Design on grids, extract image assets, share designs with clients/developers, and more
- Build interactive prototypes
- Make animations using smart animate
- Use components (including variants) to make updating your designs easier
- Work with Team libraries to share style and design components
-
Figma Advanced (Self-Paced) 6 hours
Take your Figma skills to the next level with this advanced prototyping course. Learn to use variables, modes, and conditionals to add more realistic interactivity to your prototypes.
- 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
What's included with self-paced
- Self-paced video lessons
Self-paced lessons
Watch free previews and explore the lessons included with enrollment at Noble Desktop.
Figma Bootcamp (Self-Paced)
-
Overview & Setup
Lesson 1: Figma Fundamentals
1:10
Discover what this Figma design course covers and how to get the most out of the training videos and exercises.
This preview is temporarily unavailable. Please try again later.
-
Getting Started with Figma
Lesson 1: Figma Fundamentals
10:00
Learn how to create a Figma account and navigate the interface using either the browser or desktop app.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Designing on Grids & Layout Fundamentals
Lesson 1: Figma Fundamentals
29:43
Master grid-based design principles to keep content equally sized and consistently spaced across pages.
View enrollment options at Noble Desktop -
Enrollment required
Working with Photos & Pixel Based Graphics
Lesson 1: Figma Fundamentals
27:16
Import photos and pixel-based images into your Figma designs using prepared layout files.
View enrollment options at Noble Desktop -
Enrollment required
Vector Graphics, Colors & Effects
Lesson 1: Figma Fundamentals
30:11
Bring in vector graphics and apply colors, color styles, and effects like drop shadows to enhance your layouts.
View enrollment options at Noble Desktop -
Introduction to Components & Auto Layout
Lesson 2: Components & Prototyping
10:00
Explore Figma's component system and get an introductory look at auto layout for reusable design elements.
This preview is temporarily unavailable. Please try again later.
-
Prototyping Interactive Designs
Lesson 2: Components & Prototyping
10:00
Turn static designs into clickable, interactive prototypes that simulate real user experiences.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Sharing, Exporting & Collaboration
Lesson 2: Components & Prototyping
29:42
Share finished designs with teammates, stakeholders, and developers using Figma's collaboration features.
View enrollment options at Noble Desktop -
Understanding Auto Layout
Lesson 3: Deep Dives
10:00
Dive deeper into auto layout to understand how automatic sizing and spacing work in Figma.
This preview is temporarily unavailable. Please try again later.
-
Advanced Auto Layout Techniques
Lesson 3: Deep Dives
10:00
Master nested auto layout frames with different directions, padding, and spacing settings for complex layouts.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Prototype Scrolling & Hyperlinks
Lesson 3: Deep Dives
18:54
Configure vertical and horizontal scrolling within prototypes for long pages and scrollable sections.
View enrollment options at Noble Desktop -
Enrollment required
Typography Styles & Sketch File Import
Lesson 3: Deep Dives
13:58
Create and manage reusable type styles to maintain consistent typography across your designs.
View enrollment options at Noble Desktop -
Component Properties & Design Systems
Lesson 4: Advanced Features
10:00
Leverage component properties to build flexible, reusable elements that scale into a design system.
This preview is temporarily unavailable. Please try again later.
-
Hover States, Overlays & Smart Animate
Lesson 4: Advanced Features
10:00
Design hover effects and overlay interactions for desktop interfaces using Figma's prototyping tools.
This preview is temporarily unavailable. Please try again later.
-
Enrollment required
Team Libraries & Shared Design Systems
Lesson 4: Advanced Features
20:23
Set up team libraries to share styles and components across multiple files and users in your organization.
View enrollment options at Noble Desktop -
Enrollment required
Wrap Up & Next Steps
Lesson 4: Advanced Features
0:12
Review key takeaways from the Figma course and get encouragement to continue practicing.
View enrollment options at Noble Desktop