Level:
All Levels
Lenght:
41 hrs
Lectures:
103

Figma Course: Practical UI/UX Design

This course will be your personal guide for interface design using Figma! Go from the basics to working professionally!

What You'll Learn

30 Day Money-Back Guarantee

100% refund, no questions asked.

Lifetime Access

Access your content on any device, at any time.

Teaching Support

Never get stuck with our teaching assistants on call.

About The Course

Master UI/UX design and bring your app, website, or digital product ideas to life with Figma!

Have you ever dreamed of designing your own apps or websites? Figma is the powerful, collaborative UI/UX design tool that makes turning ideas into reality accessible for everyone – from beginners to experienced designers.

This comprehensive, hands-on course will guide you step-by-step through every essential aspect of designing stunning user interfaces and seamless user experiences. You’ll start with foundational concepts like user research, wireframing, and prototyping. Then you’ll dive deeper into practical design skills, mastering frames, shapes, typography, images, components, animations, and responsive layouts.
Through practical demonstrations and real-world projects, including mobile apps, websites, and interactive prototypes, you’ll build professional-level skills. You’ll also explore advanced techniques such as creating design systems, mastering Auto Layout, and collaborative workflows, ensuring you’re ready for real-world design scenarios.

Whether you’re completely new or want to elevate your existing skills, this course offers clear, actionable lessons taught by experienced UI/UX design instructors.

Enroll now and start designing beautiful, functional digital products today!
NEW Figma Megacourse Thumbnail

Curriculum

Welcome to the Course + User Interface Overview | 04:22

User Research and User Needs | 04:35

User Interface Principles | 12:25

Creating a Figma Account | 08:49

Creating a New Design File | 04:44

Mapping the User Journey Pt. 1 | 10:45

Mapping the User Journey Pt. 2 | 19:39

Creation of Wireframes | 16:24

Creating Frames | 14:41

Function of Tools | 15:05

Font Usage | 12:31

Layout Planning | 28:03

Framing, Layering, and Grouping | 21:37

Creating and Editing Shapes | 18:51

Images and Masking | 18:59

Components | 11:05

Constraints and Versioning | 19:43

Prototyping | 18:49

Team Libraries and Setups | 18:20

Previewing and Commenting | 12:56

Exporting Assets | 10:38

App Scenario 1 | 48:14

App Scenario 2 | 41:44

App Scenario 3 | 27:35

Website Scenario 1 | 01:07:02

Website Scenario 2 | 26:21

Color Theory | 39:47

UI Comparisons | 56:59

3D Button and Gradient Graph Tricks | 49:48

Content Creation | 52:44

Professional UI Discussion Pt. 1 | 30:49

Professional UI Discussion Pt. 2 | 41:58

Forms | 43:13

Buttons | 35:39

Plugins | 39:30

Animating “Like” Buttons | 22:35

Animating a Burger Menu | 13:33

Interactive Calendar | 24:30

Netflix Prototype | 33:38

Beginner Mistakes | 33:12

Figma Interface Preview | 41:23

Introduction to the Content | 45:09

What is UX and UX Design? | 41:04

Importance of UX Design | 39:43

7 Key Factors of User Experience | 36:16

Mind the Empathy Gap | 32:51

Introduction | 00:40

Welcome | 02:40

Course Roadmap | 13:54

Course 1 Overview and Recap | 08:13

Think – Setup – Design – Iterate | 10:33

Best Practices in Figma | 18:31

Basics | 14:53

Properties: Functionality Examples Pt. 1 | 14:26

Properties: Functionality Examples Pt. 2 | 17:35

Properties: Functionality Examples Pt. 3 | 15:40

Properties: Functionality Examples Pt. 4 | 11:17

Wrap up Pt. 1 | 27:22

Wrap up Pt. 2 | 30:51

Styles: Intelligent Work Pt. 1 | 25:42

Styles: Intelligent Work Pt. 2 | 12:56

Everything as a Component: Making Designs Efficient and Scalable Pt. 1 | 14:30

Everything as a Component: Making Designs Efficient and Scalable Pt. 2 | 08:17

Everything as a Component: Making Designs Efficient and Scalable Pt. 3 | 21:33

Everything as a Component: Making Designs Efficient and Scalable Pt. 4 | 35:15

Advanced Prototyping Pt. 1 | 39:09

Advanced Prototyping Pt. 2 | 07:03

External Libraries | 12:05

Documentation | 08:43

Wrap Up: Design Systems Master | 10:15

Recommended Resources and Summary of Concepts | 10:38

Responsive Web (Landing page) Pt. 1 | 22:52

Responsive Web (Landing page) Pt. 2 | 27:28

Responsive Web (Landing page) Pt. 3 | 32:38

Responsive Web (Landing page) Pt. 4 | 25:52

Responsive Web (Landing page) Pt. 5 | 29:36

Responsive E-commerce Site (Registration Flow) Pt. 1 | 19:39

Responsive E-commerce Site (Registration Flow) Pt. 2 | 25:12

Responsive E-commerce Site (Registration Flow) Pt. 3 | 23:08

Responsive E-commerce Site (Registration Flow) Pt. 4 | 33:51

Responsive E-commerce Site (Registration Flow) Pt. 5 | 36:45

Crypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 1 | 31:31

Crypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 2 | 29:29

Crypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 3 | 26:24

Crypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 4 | 28:10

Crypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 5 | 29:45

Android App – Smart Translate (Translation Flow) Pt. 1 | 24:49

Android App – Smart Translate (Translation Flow) Pt. 2 | 27:29

Android App – Smart Translate (Translation Flow) Pt. 3 | 23:13

Android App – Smart Translate (Translation Flow) Pt. 4 | 19:09

Android App – Smart Translate (Translation Flow) Pt. 5 | 22:12

IOS App – Banking App (Sending Money Flow) Pt. 1 | 33:11

IOS App – Banking App (Sending Money Flow) Pt. 2 | 32:23

IOS App – Banking App (Sending Money Flow) Pt. 3 | 27:52

IOS App – Banking App (Sending Money Flow) Pt. 4 | 28:05

IOS App – Banking App (Sending Money Flow) Pt. 5 | 30:49

IOS App – Car Rental App (Renting a Car Flow) Pt. 1 | 28:13

IOS App – Car Rental App (Renting a Car Flow) Pt. 2 | 27:15

IOS App – Car Rental App (Renting a Car Flow) Pt. 3 | 18:53

IOS App – Car Rental App (Renting a Car Flow) Pt. 4 | 19:31

IOS App – Car Rental App (Renting a Car Flow) Pt. 5 | 26:23

Next Steps | 06:09

Last Words | 00:28