Bring Your Own Laptop

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.

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: https://twitter.com/danlovesadobe
Join the LinkedIn Group: https://www.byol.com/LINKEDIN/

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
 

#Figma #figmatutorial #uiuxdesign 
HUMR1FLB5UQT62KY

Free Figma UX Design UI Essentials Course | 2025

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path