Figma Classes NYC | Figma for UX/UI Design Bootcamp

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.

UX & UI Design Certificate

Highly Reviewed by Our Alumni

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

Figma Bootcamp is rated 4.9 stars

in the past 24 months

I learned so much about Figma that I didn't even know was possible!

Lisa Gerren

Great class to understand the basics and learn the fundamentals of Figma's powerful toolset. Explained in a manner that is easy to understand with useful exercises and workbook.

Jolee Main

I would definitely take this course if you are interested in learning Figma for the first time for professional use and/or sharpening up your skill set. Great instructor; he's clear, smart, and easy-going! Very comprehensive and easy to talk to. Highly recommend.

Pamela Vitale

Wonderful. Great instructor, really effective content and engagement. Highly recommend.

Vidya Viswanathan

If you're looking to get a deep dive into Figma, this is the place to learn it from. Engaging instructor with beautiful contents to follow along with (and keep after class).

Melody Hwang

100% would recommend.

Elizabeth Taurisani-de Jong

I highly recommend this class for any one you wants to jump right in and get a better understanding of how the entire program works.

Paul Plastaras

I learned everything I needed to know about Figma. The classes were well-paced and three hours flew by.

Rina Stone

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 in small groups

Work on projects proven to boost retention

Time-tested curriculum and supporting materials

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 industry experts with teaching experience

Experienced educators who are driven to help you succeed

Retake the course for free within one year

Refresh the materials and gain additional practice

Schedule & Enrollment: Figma Bootcamp

12 Hours
$695

Discounts

Discounts

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

NYC or Live Online
Free retake
Setup assistance
Expert instructors
Small classes

Course times are listed in Eastern Time.

July 7–8

Thursday to Friday, 10–5pm
- Mon
- Tue
- Wed
- Thu
- Fri
- Sat
- Sun
Enroll in this class
July 11–20

Mondays & Wednesdays, 6–9pm
- Mon
- Tue
- Wed
- Thu
- Fri
- Sat
- Sun
Enroll in this class
October 3–4

Monday to Tuesday, 10–5pm
- Mon
- Tue
- Wed
- Thu
- Fri
- Sat
- Sun
Enroll in this class

Tuition

As one of our smaller courses, tuition for this course is due in full before the start date. The best way to save on this course is to take it as part of a certificate program.

Full Tuition

$695
Due before the class starts

What’s Included

12 hours of hands-on instruction
Live, project-based training from experts
Proprietary workbook included
Retake for free within 1 year
Verified digital certificate of completion
Small class sizes

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
- 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
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, if you plan to take the course live online, 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?

Discounts

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

This Course is Available in NYC or Live Online

On Campus in NYC

185 Madison Ave, NYC

Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.

Live, interactive class
Experienced instructor in the room with you
Computer and software provided
Free retake within one year

Students seated in computer classroom with workbooks, paying attention to instructor

Live Online

Remote, from anywhere

Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.

Live, interactive class
Experienced instructor teaching over Zoom
Remote setup assistance provided
Free retake within one year

Online Training Demo

1-Minute Overview

More about live online training

What You’ll Learn

Create UI (user interface) and UX (user experience) designs for websites and apps
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
Create more complex & realistic prototypes
Add interactions, such as hovers
Make animations using smart animate
Use components (including variants) to make updating your designs easier
Work with Team libraries to share style & design components
Define scrollable areas within a screen
Scroll up & down within a page

Learn with Hands-on Projects

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

Course Syllabus

Download Syllabus PDF

Section 1

Introduction: Web app versus Native App

Web app vs Native App

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
Adding a drop shadow
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

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

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

Parallax Animation

Setting Up the Parallax Assets
Building the Parallax Animation

Section 4

Variants

Creating & Using Component Variants
Variant Properties & Values
Boolean Values (Toggle On/Off)

Hovers & Overlays

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

Adding Interactions to a Slideshow: Tap, Drag, & Keys

Creating a Working Slideshow Prototype
Adding Tap Interactions
Adding the Ability to Drag
Adding Keystrokes
Custom Easing

Team Libraries (Shared Libraries)

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

Show full syllabus

Frequently Asked Questions

Do I need to bring anything to the class?

You will need your own Figma account (free or paid).
For in-person classes, we provide computers (Mac or PC). Choose your operating system at checkout.
Does this course require any prior knowledge or experience?

Students must be comfortable using a computer. No other prior knowledge is required.
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.
Can I take this course online (remote learning)?
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

How does attending “live online” work?
- Students can attend this training remotely through screen sharing software (we use Zoom).
- Participants can hear the instruction, ask questions, and even share their screen with the instructor.
- For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
- Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!
- You will need your own computer and copy of any required software. If you don’t have the software, you can usually do a free trial or purchase your own license. If you need assistance, contact us at hello@nobledesktop.com

Compare Figma Bootcamp to Similar Courses

Select up to two courses and tap Compare selected courses to view a side-by-side comparison of Figma Bootcamp with your selected courses.

Corporate & Onsite UX Design Training

Purchase group class vouchers at a discount for our regularly-scheduled group classes in NYC, or create a custom training program at your offices.

Private Training

Available onsite at your location
Modern computer labs available at our offices
Customize or choose from our existing courses
Free instructor consultations to finalize content

Group Class Vouchers

Send employees to our group classes
Extensive offerings and flexible scheduling
Simple billing and logistics
Computers and training resources provided

Take this course as part of a certificate program and save: