Free Figma UX Design UI Essentials Course | 2025
Watch + Join BYOL for the full Figma course and 10% off: https://byol.com/fer25l
Download the free exercise files: https://byol.com/fx25
Try Figma for Free: https://byol.com/figf
This beginner-friendly course teaches the fundamentals of UX design using Figma. Led by Dan Scott, it covers:
Creating user interfaces and prototypes
Understanding client expectations
Working with UX briefs and personas
Designing wireframes, choosing colors, images, and fonts
Building UI components like icons and buttons
Mastering key concepts (Components, Constraints, Variants)
Using UI kits and plugins to boost efficiency
Creating style guides and animations
Building interactive prototypes and preparing files for developers
Collaborating with team members
Gaining real-world UX project knowledge
Completing portfolio-building assignments
By the end, students will be confident running their own UX projects and go from Figma Zero to Figma Hero.
0:00 Introduction to Figma Essentials 2025 Course
2:29 Getting started with this Figma Essentials Course
5:08 What is Figma and does it do coding?
10:37 What's the difference between UI and UX in Figma
13:11 What we're making in this Figma Course
17:26 Class Project 1: Create your own Brief
19:27 What is LoFi vs HiFi wireframes?
23:57 Introducing Frames in Figma
33:56 Basics of Font and Type in Figma
43:08 Rectangles, Circles, Rounded corners in Figma
50:49 How to use Color in Figma
58:41 Strokes and updating color defaults in Figma
1:08:17 Object editing and how to escape Figma
1:10:17 Scale vs Selection tool in Figma
1:15:28 Frames vs Groups in Figma
1:24:29 Class Project 2: Wireframe
1:27:45 Where to get free icons for Figma
1:37:43 How to use Plugins in Figma
1:43:51 Class Project 3: Icons
1:49:03 How to use Pages in Figma
1:55:39 How to Prototype in Figma
2:03:12 Prototype animation and easing in Figma
2:12:23 How to add the iOS status bar in Figma
2:16:48 Testing on your phone with Figma Mirror
2:22:54 Class Project 4: Testing on your phone with Figma
2:26:44 What is smart animation delays in Figma
Join the Bring Your Own Laptop Facebook Group: https://www.byol.com/FB
Follow me on Instagram: https://www.byol.com/IG
Follow me on TikTok: https://www.byol.com/tiktok/
Follow me on Twitter: / danlovesadobe
Join the LinkedIn Group: https://www.byol.com/LINKEDIN/
#Figma #figmatutorial #uiuxdesign
HUMR1FLB5UQT62KY