Discover Classes. Earn 10% Rewards.

Figma Masterclass

Learn how to master Figma and become a pro in UI/UX design with this comprehensive course that covers everything from the basics to advanced features. Craft stunning user interfaces and experiences, design complex prototypes, and collaborate seamlessly with others using Figma's cloud-based platform. Elevate your design skills and create professional-grade designs with ease.

  • Advanced
  • 18 and older
  • $995
  • Earn 10% Rewards
  • Price Lock
  • 185 Madison Ave, New York, NY & Virtually Online
Book at School

Express Checkout – $995


Proceed to Checkout

No Booking Fees. Lowest Price Guaranteed. Earn 10% Rewards.

Give as a Gift

Start Dates (3)

  • $995
20 left
Book
Show all 6 sessions
  • Tue, Jul 16 at 6:00pm - 9:00pm
  • Thu, Jul 18 at 6:00pm - 9:00pm
  • Tue, Jul 23 at 6:00pm - 9:00pm
  • Thu, Jul 25 at 6:00pm - 9:00pm
  • Tue, Jul 30 at 6:00pm - 9:00pm
  • Thu, Aug 01 at 6:00pm - 9:00pm
20 left
Book
Show all 3 sessions
  • Mon, Aug 05 at 10:00am - 5:00pm
  • Tue, Aug 06 at 10:00am - 5:00pm
  • Wed, Aug 07 at 10:00am - 5:00pm
20 left
Book
Show all 3 sessions
  • Mon, Sep 09 at 10:00am - 5:00pm
  • Tue, Sep 10 at 10:00am - 5:00pm
  • Wed, Sep 11 at 10:00am - 5:00pm
Showing 13 of 3

Class Description

Description

What you'll learn in this figma class:

Learn Figma for UI/UX design. Gain a thorough understanding of Figma’s design and prototyping capabilities, from creating designs, turning the into interactive prototypes, sharing them with clients for feedback, and getting user feedback.

Unlock the full potential of Figma with this comprehensive 81-hour Figma Masterclass, combining 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, etc. 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 create 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 is 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.

What’s included?

  • 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
  • Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
  • Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
  • A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice
  • A certificate of completion to verify your accomplishment

What You’ll Learn at a Glance

  • 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 & 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

Students must be comfortable using a computer. No other prior knowledge is required.

Learn more about Figma Masterclass at Noble Desktop.

Syllabus

Section 1

Creating New Files & Designing on a Grid

  • Creating a new file
  • Setting up frames (other apps call these artboards)
  • Adding text
  • Creating colored backgrounds for text columns

Importing & Cropping Photos

  • Importing & cropping photos
  • Rounding corners

Vector Graphics, Colors, Shadows, & More

  • Importing & modifying vector graphics
  • Aligning & distributing layers
  • Layer opacity vs. fill opacity
  • Reusing colors (color styles)
  • Adding a drop shadow

Text Styles

  • Opening Sketch files in Figma
  • Handling missing fonts
  • Creating, editing, & organizing text styles

Section 2

Components (Reusable Elements)

  • Creating & editing components
  • Overriding content in one instance vs. globally updating all components
  • ,
  • Detaching from a component

Turning a Design into a Clickable Prototype

  • Linking between frames (artboards)
  • Previewing the prototype
  • Creating an overlay
  • Fixing the position of elements so they don’t scroll

Exporting Assets for Web: SVG, JPEG, & PNG

  • Exporting individual assets
  • Exporting frames (artboards)

Sharing Figma Files: Commenting, Testing, Developers, etc.

  • Sharing a Figma file
  • Sharing a Prototype
  • Commenting on shared files
  • Viewing a prototype for user testing
  • Specs for developers

Section 3

Auto Layout: Introduction

  • Using Tidy Up for Even Spacing
  • Using Auto Layout
  • Alignment Constraints
  • Spacing, Rearranging, & Adding Items with Auto Layout

Auto Layout: Deeper Dive

  • Nesting Auto Layouts
  • Auto Layout Gap Spacing & Padding
  • Auto Layout Sizing & Constraints
  • Negative Spacing & Stacking Order
  • Absolute Positioning Elements

Linking Up/Down a Page, Scrollable Areas, & Hyperlinks

  • Making Links that Scroll Up/Down a Page
  • Making the Navbar Fixed to the Screen
  • Adjusting the Position & Speed of the Scroll
  • Creating a Scrollable Area Within a Page
  • Adding Hyperlinks

Intro to Smart Animate

  • The Basics of Smart Animate
  • Different Kinds of Easing

Section 4

Parallax Animation

  • Setting Up the Parallax Assets
  • Building the Parallax Animation

Component Properties & Variants

  • Component Properties (Text, Boolean, Instance Swap, & Variant)
  • Creating & Using Component Variants

Hovers & Overlays

  • Adding a Hover State to a Button (Using Variants)
  • Opening a Pop-Up (Using an Overlay)

Team Libraries (Shared Libraries)

  • Publishing a Team Library
  • Using Components in a Team Library
  • Using Styles in a Team Library
  • Swapping Team Libraries

Refund Policy

  • Students may cancel up to 14 days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price). 
  • Cancellations within 14 days are not permitted, but students may reschedule up to three business days before the class start date.
  • For cancellations and reschedules, please email us at [email protected]"

Reviews of Classes at Noble Desktop (374)

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Similar Classes

Noble Desktop

Noble Desktop is a renowned educational institution that specializes in providing comprehensive training in various creative and technology-related fields. Established in 1990 and headquartered in New York City, Noble Desktop has earned a stellar reputation for its high-quality courses and innovative...

Read more about Noble Desktop

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified NYC educator.

Noble Desktop

Noble Desktop

All classes at this location

We are located in New York City on 34th street and Madison Avenue, a few blocks from Penn Station, Port Authority and Times Square. You may also attend this class live online (virtual training) via Zoom. We will reach out with additional information, including the Zoom info and class files.

Also available virtually online

Reviews of Noble Desktop at coursehorse.com

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

Buy a Gift Card

Book this Class as a Group Event

Booking this class for a group? Find great private group events

Or see all Professional Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

  • Price Lock Guarantee

    Secure your booking now and we'll match any price drop within 48 hours across all booking platforms, ensuring you never miss out on savings!

  • Earn 10% Reward Points

    Maximize your savings with every purchase. Unlock rewards on every transaction, ensuring you get the most value out of your experience!

  • No Added Fees

    Enjoy hassle-free transactions without worrying about additional charges. With us, what you see is what you pay - no surprises!

  • Curated Courses

    Discover a curated selection of courses handpicked by experts in the field. Dive into quality content that suits your learning needs and interests!

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...