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.

  • Level All levels
  • Age 18 and older
  • Price $695
  • Location Interactive Online Classroom

Start Dates (10)

  • $695
  • Interactive Online Classroom
20 seats left
Book
Show all 4 sessions
  • Mon, Mar 18 at 6:00pm - 9:00pm
  • Wed, Mar 20 at 6:00pm - 9:00pm
  • Mon, Mar 25 at 6:00pm - 9:00pm
  • Wed, Mar 27 at 6:00pm - 9:00pm
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
20 seats left
Book
Show all 2 sessions
  • Mon, Jul 01 at 10:00am - 5:00pm
  • Tue, Jul 02 at 10:00am - 5:00pm
20 seats left
Book
Show all 4 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
20 seats left
Book
Show all 2 sessions
  • Mon, Aug 05 at 10:00am - 5:00pm
  • Tue, Aug 06 at 10:00am - 5:00pm
20 seats left
Book
Show all 4 sessions
  • Thu, Oct 17 at 6:00pm - 9:00pm
  • Tue, Oct 22 at 6:00pm - 9:00pm
  • Thu, Oct 24 at 6:00pm - 9:00pm
  • Tue, Oct 29 at 6:00pm - 9:00pm
Save to WishList Purchase a Gift Card

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.


Remote Learning

This course is available for "remote" learning and will be available to anyone with access to an internet device with a microphone (this includes most models of computers, tablets). Classes will take place with a "Live" instructor at the date/times listed below.

Upon registration, the instructor will send along additional information about how to log-on and participate in the class.

Also available in-person in NYC

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.

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

Noble Desktop

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

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
  • Choose from thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...