Discover Classes. Earn Rewards.

Figma Bootcamp

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.

  • All levels
  • 18 and older
  • $695
  • 185 Madison Ave, New York, NY & Virtually Online

Start Dates (11)

  • $695
  • Noble Desktop @ 185 Madison Ave 3rd Floor, New York, NY 10016
20 seats left
Book
Show all 2 sessions
  • Thu, Apr 04 at 10:00am - 5:00pm
  • Fri, Apr 05 at 10:00am - 5:00pm
20 seats left
Book
Show all 4 sessions
  • Thu, May 02 at 6:00pm - 9:00pm
  • Tue, May 07 at 6:00pm - 9:00pm
  • Thu, May 09 at 6:00pm - 9:00pm
  • Tue, May 14 at 6:00pm - 9:00pm
20 seats left
Book
Show all 2 sessions
  • Sun, May 05 at 10:00am - 5:00pm
  • Sun, May 12 at 10:00am - 5:00pm
20 seats left
Book
Show all 2 sessions
  • Mon, May 06 at 10:00am - 5:00pm
  • Tue, May 07 at 10:00am - 5:00pm
20 seats left
Book
Show all 2 sessions
  • Thu, Jun 06 at 10:00am - 5:00pm
  • Fri, Jun 07 at 10:00am - 5:00pm
Showing 15 of 11

Class Description

Description

What you'll learn in this figma class:

In this class, you’ll thoroughly learn Figma from beginning to advanced features for UI (user interface) and UX (user experience) design.

Figma is a modern design app that was 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 the web or apps. 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.

Learn to design complex and realistic prototypes with advanced functionality. You’ll add interactions such as hovers, add animations to your designs using smart animate, make specific areas within a screen scrollable, and much 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.

Learn more about Figma Bootcamp 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 (372)

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

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.

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