Free Figma UX Design UI Essentials Course | 2025

簡介：

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 such as Components, Constraints, and 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, and 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