Figma Bootcamp
Hands-on Training from Experts
NYC or Live Online
Learn Figma for UX & UI design (web & app design) in hands-on training
Choose another date
12 Hours
NYC or Live Online
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.
Take this course as part of a certificate program and save:
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.
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
Work on projects proven to boost retention
Time-tested curriculum
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 experts
Experienced educators who are driven to help you succeed
Retake for free
Refresh the materials for free within one year
Interactive Training: Learn in Real-Time with Small Class Sizes
Attend this course in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects. Switch between live-online and in-person as needed, even after the course has started.
Unlike other providers, these are not mass open-enrollment classes. At Noble Desktop, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.
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
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
Earn a Certificate of Completion
Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!
Shareable on 
Best-in-Class Course Materials
This course includes a detailed workbook, available in print or ebook at no additional cost.
Our proprietary workbooks are designed by a team of industry experts and instructional designers, and are updated regularly for the latest features and trends. Learn by completing a variety of real-world projects, and apply your newly-learned skills right away.
Free Retake & Class Recordings
Missed a session or need a refresher? We have you covered!
We offer a free retake of the class within a year. You can also access recordings of each session in your student portal within 1 business day of the session-end (available for one month).
See terms and conditions for restrictions.
Figma Bootcamp Curriculum
What You’ll Learn at a Glance
- 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
Project Examples
Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.
Course Syllabus
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
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
-
What happens if I need to miss a session?
You have some options:
- You can watch a recording of the session. We will provide any course materials.
- If you can’t come into the classroom but can still attend remotely, we will provide you with the Zoom login information.
- You can use your free retake to make up any missed class time.
