Skip to content
Sleek home office setup with multiple monitors, keyboard, smartphone, and stylish decor.

Graphic Design & Illustration school

Certificate in UX/UI Design Using Figma

From what UX actually means to a file a developer can build.

This Figma course teaches user experience as a discipline and Figma as the tool, ending in six complete case study builds you can put straight into a portfolio.

115 lessons · self-pacedBeginner friendlyCertificate on completionNext Tutor support included

Overview

What this Figma course covers

This Figma course teaches user experience as a discipline and Figma as the tool that expresses it, in that order, because a beautiful screen solving the wrong problem is still the wrong screen. You start on theory, then wireframe at low and mid fidelity before choosing a single color, then move through prototyping, components, developer handoff and research.

The professional half is auto layout, so screens resize instead of falling apart, and design systems with styles, scalable components and documentation. It ends in six complete flows, from a responsive landing page to an iOS banking payment. Finish those and you have a portfolio, which is the only thing a hiring manager ever asks a UX designer to show.

Outcomes

What you will be able to do

Say whether a problem is a UX problem or a UI problem, and stop arguing about the wrong oneRun an idea through design thinking: empathize, define, ideate, prototype, test, then go againWireframe at low and mid fidelity before you choose a single colorUse auto layout so a screen resizes instead of falling apartBuild components and variants, so changing one button changes every buttonWire screens into a clickable prototype with navigation, overlays and animationShare a file, collect comments on it, and prepare it for a developer handoffRebuild six real flows, from a responsive landing page to an iOS banking payment

Requirements

Course requirements

  • A computer and a web browser. Figma runs in the browser, so there is nothing to install.
  • A free Figma account. The setup module walks you through creating one.
  • No design experience. The opening modules assume you have never opened a design tool.
  • One product idea of your own to carry through the course, ideally solving a problem you have watched a real person have.

Syllabus

UX/UI Design Using Figma curriculum

114 recorded video lessons you follow along in the software, at your own pace. Quizzes through each module check what stuck, and a 20-question final exam earns your certificate.

1UX/UI Design Foundations4 lessons · 3 videos · 2 quizzes
  1. Welcome (reading)
  2. Introduction to UX and UI Design (video lesson, 27 minutes 5 seconds)Quiz
  3. Understanding Design Thinking and User Needs (video lesson, 17 minutes 17 seconds)
  4. Core UX/UI Design Principles (video lesson, 10 minutes 5 seconds)Quiz
2Figma Setup and Wireframing Fundamentals7 lessons · 7 videos · 2 quizzes
  1. Setting Up Your Figma Account (video lesson, 11 minutes 21 seconds)
  2. Introduction to Figma for Design and Prototyping (video lesson, 13 minutes 4 seconds)Quiz
  3. Working with Layers, Groups and Frames (video lesson, 12 minutes 35 seconds)
  4. Using Basic Figma Tools (video lesson, 19 minutes 33 seconds)
  5. Understanding Figma Design Properties (video lesson, 27 minutes 33 seconds)
  6. Creating User Scenarios and User Stories (video lesson, 12 minutes 21 seconds)
  7. Creating Mid-Fidelity Wireframes (video lesson, 21 minutes 8 seconds)Quiz
3Visual Design and Prototyping in Figma11 lessons · 11 videos · 3 quizzes
  1. Applying Color Theory in UI Design (video lesson, 7 minutes 42 seconds)
  2. Creating a UI Moodboard (video lesson, 20 minutes 10 seconds)
  3. Typography Fundamentals for UI Design (video lesson, 9 minutes 55 seconds)
  4. Using Auto Layout for Smart Design (video lesson, 9 minutes 52 seconds)
  5. Working with Components (video lesson, 6 minutes 42 seconds)
  6. Using UI Kits (video lesson, 8 minutes 22 seconds)
  7. Working with Guides (video lesson, 7 minutes 41 seconds)
  8. Using the Pen and Brush Tools (video lesson, 12 minutes 4 seconds)
  9. Creating Navigation Interactions (video lesson, 10 minutes 1 second)Quiz
  10. Setting Up User Flows (video lesson, 5 minutes 35 seconds)Quiz
  11. Creating High-Fidelity Prototypes (video lesson, 46 minutes 52 seconds)Quiz
4Collaboration and Design Handoff3 lessons · 3 videos · 2 quizzes
  1. Using Chat and Spotlight for Active Collaboration (video lesson, 4 minutes 7 seconds)Quiz
  2. Using Comments and Annotations (video lesson, 14 minutes)
  3. Preparing Design Files for Handoff (video lesson, 25 minutes 6 seconds)Quiz
5UX/UI Prototype Demonstrations5 lessons · 5 videos · 2 quizzes
  1. Building an App Prototype Case Study (video lesson, 45 minutes 3 seconds)
  2. Building a Startup Website Prototype (video lesson, 47 minutes 30 seconds)
  3. Website Prototype Scenario 1 (video lesson, 67 minutes 2 seconds)Quiz
  4. Website Prototype Scenario 2 (video lesson, 26 minutes 22 seconds)
  5. Building a Streaming Platform Prototype (video lesson, 33 minutes 38 seconds)Quiz
6Advanced UX/UI Theory and Design Analysis5 lessons · 5 videos · 2 quizzes
  1. Color Theory for UX/UI Design (video lesson, 39 minutes 48 seconds)
  2. Comparing User Interface Designs (video lesson, 57 minutes)Quiz
  3. Content Creation for Digital Interfaces (video lesson, 52 minutes 44 seconds)
  4. Professional UI Design Discussion Part 1 (video lesson, 30 minutes 49 seconds)
  5. Professional UI Design Discussion Part 2 (video lesson, 41 minutes 58 seconds)Quiz
7Advanced Figma Practice and UI Components17 lessons · 17 videos · 4 quizzes
  1. Creating 3D Buttons and Gradient Graph Effects (video lesson, 49 minutes 49 seconds)
  2. Creating Horizontal, Vertical and Bi-Directional Scrolling (video lesson, 7 minutes 20 seconds)Quiz
  3. Applying Layer Styling Techniques (video lesson, 11 minutes 46 seconds)
  4. Creating Advanced Components and Variants (video lesson, 28 minutes 20 seconds)
  5. Designing UI Buttons (video lesson, 32 minutes 6 seconds)
  6. Designing UI Forms (video lesson, 21 minutes 23 seconds)
  7. Creating Component Animations (video lesson, 21 minutes 39 seconds)
  8. Designing Overlays and Pop-Ups (video lesson, 6 minutes 42 seconds)Quiz
  9. Designing Menus (video lesson, 10 minutes 11 seconds)
  10. Designing Dropdown Components (video lesson, 7 minutes 9 seconds)
  11. Designing Hamburger Menus (video lesson, 8 minutes 34 seconds)
  12. Designing an Interactive Calendar (video lesson, 24 minutes 30 seconds)
  13. Creating Responsive Designs (video lesson, 29 minutes 48 seconds)
  14. Designing Hero Section Sliders (video lesson, 22 minutes 9 seconds)Quiz
  15. Using AI for Image Generation and Editing (video lesson, 20 minutes 14 seconds)
  16. Using AI for Writing and Editing (video lesson, 7 minutes 24 seconds)
  17. Using AI for Drafting and Wireframing (video lesson, 14 minutes 44 seconds)Quiz
8Bonus UX Research and User Experience Principles7 lessons · 7 videos · 3 quizzes
  1. Introduction to UX Bonus Content (video lesson, 3 minutes 3 seconds)
  2. Overview of User Experience Design (video lesson, 41 minutes 4 seconds)
  3. Understanding the 7 Key Factors of User Experience (video lesson, 36 minutes 17 seconds)Quiz
  4. Understanding the Empathy Gap (video lesson, 32 minutes 52 seconds)
  5. Introduction to UX Research (video lesson, 7 minutes 1 second)Quiz
  6. Conducting User Surveys (video lesson, 12 minutes 29 seconds)
  7. Conducting User Interviews (video lesson, 12 minutes 22 seconds)Quiz
9Advanced Figma Course Orientation4 lessons · 4 videos · 2 quizzes
  1. Introduction to Advanced Figma (video lesson, 41 seconds)
  2. Advanced Course Welcome (video lesson, 2 minutes 41 seconds)Quiz
  3. Advanced Figma Course Roadmap (video lesson, 13 minutes 55 seconds)
  4. Foundational Figma Course Recap (video lesson, 8 minutes 14 seconds)Quiz
10Advanced Figma Workflow and Best Practice2 lessons · 2 videos · quiz
  1. Think, Setup, Design and Iterate (video lesson, 10 minutes 34 seconds)
  2. Figma Workflow Best Practices (video lesson, 18 minutes 31 seconds)Quiz
11Mastering Auto Layout in Figma7 lessons · 7 videos · 2 quizzes
  1. Auto Layout Fundamentals (video lesson, 14 minutes 54 seconds)
  2. Auto Layout Properties and Functionality Part 1 (video lesson, 14 minutes 27 seconds)
  3. Auto Layout Properties and Functionality Part 2 (video lesson, 17 minutes 36 seconds)Quiz
  4. Auto Layout Properties and Functionality Part 3 (video lesson, 15 minutes 40 seconds)
  5. Auto Layout Properties and Functionality Part 4 (video lesson, 11 minutes 17 seconds)
  6. Auto Layout Summary Part 1 (video lesson, 27 minutes 22 seconds)
  7. Auto Layout Summary Part 2 (video lesson, 30 minutes 51 seconds)Quiz
12Design Systems and Scalable Figma Workflows11 lessons · 11 videos · 3 quizzes
  1. Working with Styles Part 1 (video lesson, 25 minutes 42 seconds)
  2. Working with Styles Part 2 (video lesson, 12 minutes 57 seconds)Quiz
  3. Building Scalable Designs with Components Part 1 (video lesson, 14 minutes 31 seconds)
  4. Building Scalable Designs with Components Part 2 (video lesson, 8 minutes 17 seconds)
  5. Building Scalable Designs with Components Part 3 (video lesson, 21 minutes 33 seconds)
  6. Building Scalable Designs with Components Part 4 (video lesson, 35 minutes 15 seconds)
  7. Advanced Prototyping Part 1 (video lesson, 39 minutes 9 seconds)
  8. Advanced Prototyping Part 2 (video lesson, 7 minutes 4 seconds)
  9. Working with External Libraries (video lesson, 12 minutes 6 seconds)Quiz
  10. Documenting Design Systems (video lesson, 8 minutes 43 seconds)
  11. Design Systems Mastery Summary (video lesson, 10 minutes 15 seconds)Quiz
13Advanced Figma Course Summary1 lesson · 1 video
  1. Recommended Resources and Key Concept Summary (video lesson, 10 minutes 38 seconds)
14Applied UX/UI Design Case Studies30 lessons · 30 videos · 7 quizzes
  1. Responsive Landing Page Design Part 1 (video lesson, 22 minutes 53 seconds)
  2. Responsive Landing Page Design Part 2 (video lesson, 27 minutes 29 seconds)Quiz
  3. Responsive Landing Page Design Part 3 (video lesson, 32 minutes 39 seconds)
  4. Responsive Landing Page Design Part 4 (video lesson, 25 minutes 52 seconds)
  5. Responsive Landing Page Design Part 5 (video lesson, 29 minutes 36 seconds)
  6. Responsive E-Commerce Registration Flow Part 1 (video lesson, 19 minutes 39 seconds)
  7. Responsive E-Commerce Registration Flow Part 2 (video lesson, 25 minutes 13 seconds)
  8. Responsive E-Commerce Registration Flow Part 3 (video lesson, 23 minutes 9 seconds)Quiz
  9. Responsive E-Commerce Registration Flow Part 4 (video lesson, 33 minutes 52 seconds)
  10. Responsive E-Commerce Registration Flow Part 5 (video lesson, 36 minutes 45 seconds)
  11. Crypto Exchange Dashboard Flow Part 1 (video lesson, 31 minutes 31 seconds)
  12. Crypto Exchange Dashboard Flow Part 2 (video lesson, 29 minutes 30 seconds)Quiz
  13. Crypto Exchange Dashboard Flow Part 3 (video lesson, 26 minutes 24 seconds)
  14. Crypto Exchange Dashboard Flow Part 4 (video lesson, 28 minutes 11 seconds)
  15. Crypto Exchange Dashboard Flow Part 5 (video lesson, 29 minutes 46 seconds)
  16. Android Translation App Flow Part 1 (video lesson, 24 minutes 50 seconds)
  17. Android Translation App Flow Part 2 (video lesson, 27 minutes 29 seconds)
  18. Android Translation App Flow Part 3 (video lesson, 23 minutes 14 seconds)
  19. Android Translation App Flow Part 4 (video lesson, 19 minutes 10 seconds)Quiz
  20. Android Translation App Flow Part 5 (video lesson, 22 minutes 13 seconds)
  21. iOS Banking App Payment Flow Part 1 (video lesson, 33 minutes 12 seconds)
  22. iOS Banking App Payment Flow Part 2 (video lesson, 32 minutes 24 seconds)Quiz
  23. iOS Banking App Payment Flow Part 3 (video lesson, 27 minutes 52 seconds)
  24. iOS Banking App Payment Flow Part 4 (video lesson, 28 minutes 5 seconds)
  25. iOS Banking App Payment Flow Part 5 (video lesson, 30 minutes 49 seconds)
  26. iOS Car Rental App Booking Flow Part 1 (video lesson, 28 minutes 14 seconds)
  27. iOS Car Rental App Booking Flow Part 2 (video lesson, 27 minutes 15 seconds)Quiz
  28. iOS Car Rental App Booking Flow Part 3 (video lesson, 18 minutes 53 seconds)
  29. iOS Car Rental App Booking Flow Part 4 (video lesson, 26 minutes 24 seconds)
  30. iOS Car Rental App Booking Flow Part 5 (video lesson, 19 minutes 31 seconds)Quiz
15Course Conclusion and Next Steps1 lesson · 1 video
  1. Recommended Next Steps (video lesson, 6 minutes 10 seconds)

Certificate

Earn a certificate you can show

Finish the final module and your UX/UI Design Using Figma certificate is issued automatically. Download it, share it with employers and clients, or add it to your resume and LinkedIn.

Where this can take you

Skills from this school show up in roles like these. The certificate proves you finished; the projects you build are what get you hired.

  • Graphic designer
  • Brand and identity designer
  • Social media designer
  • Illustrator
  • Freelance design contractor
Framed Nextversity certificate for UX/UI Design Using Figma

Enroll with confidence

Enroll with confidence

Start today, finish at your paceNo deadlines and no cohorts. Watch a lesson tonight and pick it up again whenever it suits you.
Every course includedOne subscription opens all 50 courses across 8 schools, so you are never locked into this one choice.
Help on every lessonNext Tutor knows the lesson you are on and answers in seconds. A real person answers email.
Cancel anytimeTwo clicks from your account settings. No calls and no forms.

Full details in the refund policy. One subscription covers this course and every other course in all 8 schools.

Pair it with

More from the Graphic Design & Illustration school

Woman using a digital drawing tablet in a stylish office workspace, focused on graphic design.Certificate
Certificate in UX/UI Design Using Adobe XD

The full interface design process in a short course. Adobe has discontinued XD, so learn Figma for the tool.

42 lessonsSelf-pacedCertificate

View courseEnroll now
A creative workspace with a smartphone displaying design apps and a large monitor in the background.Certificate
Certificate in Graphic Design Using Canva

Design principles taught once, then applied to social, print, documents, video and product mockups.

160 lessonsSelf-pacedCertificate

View courseEnroll now
See all 11 Graphic Design & Illustration courses

FAQ

Common questions about the Figma course

Is this Figma course good for beginners?

Yes. The first module is theory and does not open Figma at all, then the setup module creates your account and walks the interface one panel at a time. No design background is assumed anywhere. Never having opened a design tool is the expected starting point rather than a disadvantage you have to make up for.

Is Figma free to use for this course?

There is a free tier and it covers what the course needs. Figma changes what each plan includes from time to time, so check their site for current details rather than trusting a number written on a course page. Nothing in these lessons requires a paid plan to follow along or to finish the case studies.

Do I need to know how to code to learn UX and UI design?

No, and this course never asks you to write a line. It ends at developer handoff: preparing the file, annotating it, and passing it to the people who build it. That boundary is worth knowing before you start, because it is exactly where the job sits in most product teams and exactly what you will be hired to do.

Does the course cover UX research and design systems?

Both, properly. Research gets a module covering the key factors of user experience, the empathy gap, surveys and interviews. Design systems get eleven lessons on styles, scalable components, advanced prototyping, external libraries and documentation. Those two topics are what most short Figma tutorials skip and what product teams actually run on day to day.

How long does the Figma course take to complete?

Budget around forty hours if you build alongside the videos rather than watching them, and treat that as an estimate. The case study module alone is a serious chunk of it, because six complete flows in five parts each is real work. It is self-paced with no deadlines, so a module a week is a comfortable rhythm.

Will I get a UX design certification from this course?

You get a Nextversity certificate with a verification code and a public link, issued once you finish every lesson and pass the final exam. It is not an industry accreditation, and honestly no UX course offers one, because the field does not have a licensing body. What gets people hired in UX is the portfolio, which is why this course ends in six builds.

Should I learn Figma or Adobe XD?

Figma, for almost everyone. Adobe stopped active development of XD, and teams are not hiring for a product that stopped shipping. The XD certificate in this school is still worth taking for the design process it teaches, which transfers to any tool, but if you are choosing one to learn now, Figma is the answer and it is not close.

Free info pack

Not ready to enroll? Start with the guide.

The full curriculum for this course, what you'll build, and how it fits with the rest of the school, in one short guide.

By downloading, you authorize Nextversity to contact you about courses. Unsubscribe anytime.

$29/moCancel anytimeEnroll now