Figma Mega Course - Design 6 Complete Web App UI/UX Project
In this course you will learn how to design web app UI/UX using Figma.Prototyping with figma and animation. UI/UX Design
- Description
- Curriculum
- FAQ
- Reviews
In this class, you will learn how to design 3 complete web apps UI/UX Using Figma. While you will design a web app UI/UX, you will end up learning how to use different sorts of tools and techniques in Figma. I will try to teach you the best practice of Figma that will help you to become a good UI/UX designer.
List of the projects that you will design in this course:
- Fashion Web App UI/UX using Figma
- Audio Player Web App UI/UX using Figma
- Real State Property Selling Web App UI/UX using Figma
- Messenger Web App UI/UX.
- Figma Budget Management Mobile APP UI/UX
- Portfolio Web App UI/UX Using Adobe XD(Bonus)
Here are some lists that you are going to learn in this class:
- Uses of different tools in Figma
- Figma Grid and Layout System
- How to create a component and re-use them.
- Learn to use a different plugin. For instance – The plugin for Icons
- Figma Design technique
- How to do prototyping
- Learn to use different sorts of animation with prototype
- How to use the image in Figma.
- How to make a group in Figma and use it.
- Figma Color System
- Figma horizontal scroll view
- Figma vertical scroll view
- Learn how to show modal box,
- Different uses of Figma frame
- Animation with prototype
- How to create Figma 3d Design effect
Learn How to Use Image
Layout Grid System
System Design Layout Grid
Learn How to Create Group
Tidy Up Design
Learn to Create Component
Color System Design
Project 1: Messenger Web App UI/UX
Project 2: Music player web app UI/UX
-
14
Create Project and Layout Design Part-1 -
15
User List Item Design Part-2
-
16
Group and Vertical Scrolling Part-3
-
17
Dropdown List Open Overlay Prototype Part-4
-
18
Message Sending Design Part-5
-
19
Sign UP and Sign In Page Design Part-6
-
20
Prototyping With Animation Part-7
-
21
Share and Export Our Design Part-8
Project 3: Property Selling Web App UI/UX
Project 4: Fashion Web App UI/UX
-
27
Design Navigation Bar Part-1
-
28
Cover Image and Card Design Part-2
-
29
Property List Card Design Part-3
-
30
Pagination Design Part-4
-
31
About Section Collapse features Part-5
-
32
Feedback Slider Design Part-6
-
33
Design Subscribe Section Part-7
-
34
Footer Section Design Part-8
-
35
Sign Up and Sign in Page Design Part-9
-
36
Prototyping With Animation Part-10
-
37
Export Design and Share Link Part-11
Project-5 - Figma Budget Management Mobile APP UI/UX
-
38
Project Demo-Fashion Web App UI/UX
-
39
Project Layout Grid and Color System Design Part-1
-
40
Navigation Bar and Header Design Part-2
-
41
Card Design to Show Fashion Item Part-3
-
42
Select and Show Multiple Images in Card Part-4
-
43
Frame Selection and Horizontal Scroll Part-5
-
44
Horizontal Scroll by Clicking on Scroll Button Part-6
-
45
Men Fashion Card Design Part-7
-
46
Pagination Design Part-8
-
47
Fashion Category Design Part-9
-
48
Newsletter Section Design Part-10
-
49
Footer Section Design Part-11
-
50
Sign up Page Design Part-12
-
51
Sign In and OTP Page Design Part-13
-
52
Item Modal Box Design Part-14
-
53
Prototype Overlay to Show Modal Box Part-15
-
54
Prototype for Sign up and Sign in Page Part-16
-
55
Export and Share Design Part-17
Bonus: Project-6 - Adobe XD Portfolio Web App UI/UX
-
56
Design Sign Up Page Part-1
-
57
Design Sign In Page Part-2
-
58
Custom Alert Dialog Design Part-3
-
59
Home Page UI Part-4
-
60
Card Design Horizontal Scroll View Part-5
-
61
Chart And Home UI Part-6
-
62
Custom Color Part-7
-
63
Profile Page UI Part-8
-
64
Appbar Design Part-9
-
65
Elipse Design Part-10
-
66
Group and Vertical Scroll Part-11
-
67
Add Update Alert Dialog Part-12
-
68
Horizontal List Expense Data Part-13
-
69
Dashboard Design Part-14
-
70
Bills UI Custom Alert Dialog Part-15
-
71
Food UI Place Images Tool Part-16
-
72
Export All UI Part-17
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Stars 5
4
Stars 4
1
Stars 3
0
Stars 2
1
Stars 1
1
30-Day Money-Back Guarantee
Course details
Video
16 hours
Certificate of Completion
Full lifetime access
Access on mobile and TV
Popular courses
