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
source
