Figma

Figma UI/UX design

Learn user experience principles and create stunning User Interfaces for mobile apps and websites!
Over 435,214+ students took our courses
Get Access To Full Course
What's included:
44 hours on-demand video
2 downloadable resource
Access on mobile and TV
Certificate of completion
What you'll learn:
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

Watch video

What's included

Learn user experience principles and create stunning User Interfaces for mobile apps and websites!
Drafting
Prototyping
Every single detail counts. Learn how to create Figma account, how to create a new design file and make it pop.
Learn how to create a Figma account
Learn how to create a new design file
Learn about creation of wireframes
Every single detail counts. Learn about function of tools, how to frame, layer and prototype and make it pop.
Learn how to create a Figma account
Learn about framing, layering and grouping
Learn about constraints and versioning

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
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:24
Next Steps
2 lectures • 7min
Next Steps • 06:09
Last Words • 00:28

Get skills, get clients, go travel. With Skillademia.

The current education system needs improvement. Especially in the developing countries, where infrastructure is poor. Skillademia aims to provide quality education to as many learners as possible.

435,214+ customers from 98 different countries

Led by a team of 30 passionate employees

A revolutionary approach to learning.

And we're on our way to solve education.

The smarter way to learn.

Skillademia takes you from a complete novice to an advanced pro, easily.

Easy-entry barrier

Higher education costs upwards of $10k per year, while courses don't provide much value. Skillademia is the opposite.

Community-support

Learn together with your tribe of passionate learners. Community support, helpful guidance, and like-minded people.

Step-by-step guides

Skillademia takes complete novices and guides them to become a pro. So fun and exciting, a toddler could learn Photoshop.
Figma

Figma UI/UX design

Learn user experience principles and create stunning User Interfaces for mobile apps and websites!
Over 435,214+ students took our courses
Get Access To Full Course
userchevron-down