Free Figma UX Design UI Essentials Course | 2025

Limited time: Reignite your creativity — get 30% off BYOL: https://byol.com/youtubemay26 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: https://twitter.com/danlovesadobe Join the LinkedIn Group: https://www.byol.com/LINKEDIN/ #Figma #figmatutorial #uiuxdesign HUMR1FLB5UQT62KY