You will design 3 real world web app UI/UX project
Figma UI/UX Design
How to design a complete web app using figma
Prototyping with animation in Figma
Different sort of tools and uses of those tools in Figma
Learn to use the best design technique
Learn to use plugin in Figma
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
-
14Create Project and Layout Design Part-1
-
15User List Item Design Part-2
-
16Group and Vertical Scrolling Part-3
-
17Dropdown List Open Overlay Prototype Part-4
-
18Message Sending Design Part-5
-
19Sign UP and Sign In Page Design Part-6
-
20Prototyping With Animation Part-7
-
21Share and Export Our Design Part-8
Project 3: Property Selling Web App UI/UX
Project 4: Fashion Web App UI/UX
-
27Design Navigation Bar Part-1
-
28Cover Image and Card Design Part-2
-
29Property List Card Design Part-3
-
30Pagination Design Part-4
-
31About Section Collapse features Part-5
-
32Feedback Slider Design Part-6
-
33Design Subscribe Section Part-7
-
34Footer Section Design Part-8
-
35Sign Up and Sign in Page Design Part-9
-
36Prototyping With Animation Part-10
-
37Export Design and Share Link Part-11
Project-5 - Figma Budget Management Mobile APP UI/UX
-
38Project Demo-Fashion Web App UI/UX
-
39Project Layout Grid and Color System Design Part-1
-
40Navigation Bar and Header Design Part-2
-
41Card Design to Show Fashion Item Part-3
-
42Select and Show Multiple Images in Card Part-4
-
43Frame Selection and Horizontal Scroll Part-5
-
44Horizontal Scroll by Clicking on Scroll Button Part-6
-
45Men Fashion Card Design Part-7
-
46Pagination Design Part-8
-
47Fashion Category Design Part-9
-
48Newsletter Section Design Part-10
-
49Footer Section Design Part-11
-
50Sign up Page Design Part-12
-
51Sign In and OTP Page Design Part-13
-
52Item Modal Box Design Part-14
-
53Prototype Overlay to Show Modal Box Part-15
-
54Prototype for Sign up and Sign in Page Part-16
-
55Export and Share Design Part-17
Bonus: Project-6 - Adobe XD Portfolio Web App UI/UX
-
56Design Sign Up Page Part-1
-
57Design Sign In Page Part-2
-
58Custom Alert Dialog Design Part-3
-
59Home Page UI Part-4
-
60Card Design Horizontal Scroll View Part-5
-
61Chart And Home UI Part-6
-
62Custom Color Part-7
-
63Profile Page UI Part-8
-
64Appbar Design Part-9
-
65Elipse Design Part-10
-
66Group and Vertical Scroll Part-11
-
67Add Update Alert Dialog Part-12
-
68Horizontal List Expense Data Part-13
-
69Dashboard Design Part-14
-
70Bills UI Custom Alert Dialog Part-15
-
71Food UI Place Images Tool Part-16
-
72Export All UI Part-17
You can view and review the lecture materials indefinitely, like an on-demand channel.
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!