Figma Fashion Web App UI/UX - Design a Complete Web APP UI/UX
Learn Figma Advanced Features
Updated on Sep, 2023
Language - English
Course Description
In this class, you will learn how to design a complete Fashion web app UI/UX Using Figma. After finishing this class you will have a complete real-world UI/UX Project that you will be able to add to your portfolio. I tried to add different kinds of Features in this class and while you will design different sorts of features you will end up learning different techniques of Figma.
Moreover, I will try to teach you the best practice of Figma that will help you to become a good UI/UX designer. You will also end up learning how to use prototype overlay to show the Modal box in Figma.
Who is this class for?
If you want to become a UI/UX designer.
- If you want to design a complete real-world Fashion web app UI/UX.
- If you want to improve your UI/UX design skills and want to learn the best practice.
Goals
What will you learn in this course:
- A complete Fashion web app UI/UX project.
- How to do Horizontal Scroll View.
- Figma scroll by clicking on the button.
- How to design a Modal box with product item information.
- Modal box design with image horizontal scroll features
- Learn to work with images in Figma and Designing of Images in Figma
- How to add animation
- Uses of different tools in Figma.
- You will learn how to use Figma Grid and Layout System.
- Figma system design.
- How to create components and re-use them within the frame.
- How to use plugins for icons.
- You will end up learning the best way to organize your Figma project.
- How to do prototyping for showing the modal box.
- You will learn prototyping with a different kind of animation.
- How to make a group in Figma and the benefit of using Figma group.
Prerequisites
What are the prerequisites for this course?
- Students don't need to have any prior knowledge to take this class.
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
18 Lectures
-
Introduction
04:16
04:16
-
Project Layout Grid and Color System Design
06:19
06:19
-
Navigation Bar and Header Design
15:58
15:58
-
Card Design to Show Fashion Item
10:01
10:01
-
Select and Show Multiple Image in Card
10:00
10:00
-
Frame Selection and Horizontal Scroll
11:06
11:06
-
Horizontal Scroll by Clicking on Scroll Button
08:37
08:37
-
Men Fashion Card Design
06:28
06:28
-
Pagination Design
12:15
12:15
-
Fashion Category Design
14:15
14:15
-
Newsletter Section Design
09:35
09:35
-
Footer Section Design
09:24
09:24
-
Sign up Page Design
09:51
09:51
-
Sign In and OTP Page Design
04:48
04:48
-
Item Modal Box Design
21:44
21:44
-
Prototype Overlay to Show Modal Box
05:18
05:18
-
Prototype for Sign up and Sign in Page
08:05
08:05
-
Export and Share Design
05:13
05:13
Instructor Details
Yazdani Chowdhury
Course Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now