Discover Classes. Earn 10% Rewards.

Figma Bootcamp

Master the art of UX and UI design with hands-on training in Figma, the modern design app built specifically for web and app designers. Create stunning visuals, design complex prototypes, and collaborate seamlessly with this intuitive and cloud-based tool. Level up your design skills with Figma Bootcamp at NYIM Training.

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

Express Checkout – $695


Proceed to Checkout

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

Give as a Gift

Start Dates (7)

  • $695
20 left
Book
Show all 2 sessions
  • Thu, Jun 06 at 10:00am - 5:00pm
  • Fri, Jun 07 at 10:00am - 5:00pm
20 left
Book
Show all 2 sessions
  • Mon, Jul 01 at 10:00am - 5:00pm
  • Tue, Jul 02 at 10:00am - 5:00pm
20 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 left
Book
Show all 2 sessions
  • Mon, Aug 05 at 10:00am - 5:00pm
  • Tue, Aug 06 at 10:00am - 5:00pm
20 left
Book
Show all 2 sessions
  • Mon, Sep 09 at 10:00am - 5:00pm
  • Tue, Sep 10 at 10:00am - 5:00pm
Showing 15 of 7

Class Description

Description

What you'll learn in this figma class:

Learn Figma for UX & UI design (web & app design) in hands-on training

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

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 11 business days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price).
  • Cancellations within 11 business days are not permitted, but students may reschedule up to 4 business days before the class start date.

For cancellations and reschedules, please email us at [email protected]

Reviews of Classes at NYIM Training (742)

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Similar Classes

NYIM Training

For nearly two decades, NYIM has trained thousands of business professionals in the latest computer software programs, including Excel, Financial Modeling, Microsoft Office, Adobe, SQL, AutoCAD, QuickBooks, and many more.

The company is known for its practical and hands-on approach to its instructor-led...

Read more about NYIM Training

CourseHorse Approved

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

NYIM Training

NYIM Training

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

Google Map

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