The principles of User Interface Design and Prototyping
How to read a User Flow Diagram
How to design within Figma
How to use the collaborative feature
To make a Netflix prototype
Who is this for:
Anyone who wants to learn to design user interfaces - no experience needed!
Anyone looking to design their own application, website or blog
UI/UX designers who want to expand their portfolio
What our customers say about this course
Ehsan K.
I like it that it starts with figma and practical experiences rather than just theory and it makes me feel I am learning some thing that I can have some effect with it :)
SUBASH KANNAN N.
It's really a good one i can easily understand the topics. easily catchup the points.
Haneen E.
I really loved section 5 "keep learning" because it discussed a lot that I don't know much about and it got deeper about Figma. I think some parts need to be trimmed but overall it was a very good course with a lot to learn.
Abel A.
The course is well detailed and easy to understand even as a beginner new to the UI/UX design world. The fact that it's very interactive and practical base makes one feel a sense of accomplishment that i can actually succeed doing this thing if put in the effort required of me.
I will recommend this course for beginners over and over again?
Kaori H.
This course is beneficial for beginners to understand how to use Figma and also UX design concept.
Emmanuel E.
It’s easy to understand and pretty straightforward
Renz Joana M.
Learned a lot from this course! Although I have background knowledge of UI and UX, there are some lessons that the instructor tells along the way which are helpful like tips, her personal experiences, and more. Highly recommended!
Emediong F.
Always wanted a detailed, self explanatory course for myself...
found it here
Achebo E.
Amazing tutor and content. It was time consuming but very worth it.
Curriculum for Figma UI/UX design
44 hours of valuable material
13 sections • 103 lectures • 44h 4m total length
Introduction
3 lectures • 26min
Welcome to the Course + User Interface Overview • 07:51
User Research and User Needs • 05:02
User Interface Principle • 13:09
Drafting
5 lectures • 1hr 16min
Creating a Figma Account • 10:11
Creating a New Design File • 05:57
Mapping the User Journey pt 1 • 12:44
Mapping the User Journey pt 2 • 26:26
Creation of Wireframes • 20:15
Prototyping
13 lectures • 4hr 32min
Creating frames • 17:11
Function of tools • 18:20
Font usage • 14:48
Layout planning • 31:12
Framing, layering, and grouping • 26:57
Creating and editing shapes • 27:31
Images and Masking • 24:43
Components • 13:13
Constraints and Versioning • 23:11
Prototyping • 22:14
Team libraries and setups • 22:25
Previewing and Commenting • 17:19
Exporting assets • 12:45
Demonstrations
5 lectures • 4hr 52min
App Scenario 1 • 01:04:53
App Scenario 2 • 56:35
App Scenario 3 • 34:32
Website Scenario 1 • 01:36:49
Website Scenario 2 • 39:37
Keep Learning
15 lectures • 9hr 32min
Color Theory • 41:17
UI Comparisons • 58:54
3D Button and Gradient Graph Tricks • 52:09
Content Creation • 56:14
Professional UI Discussion • 32:24
Professional UI Discussion Pt 2 • 43: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
Bonus: Learn about UX
5 lectures • 3hr 15min
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:17
Mind the Empathy Gap • 32:51
Advanced Figma Course - Introduction
4 lectures • 25min
Introduction • 00:40
Welcome • 02:40
Course Roadmap • 13:54
Course 1 Overview and Recap • 08:13
The Approach
2 lectures • 29min
Think - Setup - Design - Iterate • 10:33
Best Practices in Figma • 18:31
Mastering Auto Layout
7 lectures • 2hr 12min
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
Design Systems
11 lectures • 3hr 15min
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
Wrap Up
1 lecture • 11min
Recommended Resources and Summary of Concepts • 10:38
Use Cases: Applying Concept
30 lectures • 13hr 32min
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
