Figma Fashion Web App UI/UX - Design a Complete Web APP UI/UX
Learn Figma Advanced Features
Design,Graphic Design & Illustration,Figma
Lectures -18
Duration -2.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
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
- 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
- Students don't need to have any prior knowledge to take this class.
![Figma Fashion Web App UI/UX - Design a Complete Web APP UI/UX Figma Fashion Web App UI/UX - Design a Complete Web APP UI/UX](https://d3mxt5v3yxgcsr.cloudfront.net/courses/10304/course_10304_image.jpg)
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](https://www.tutorialspoint.com/assets/profiles/502588/profile/200_1484001-1697105641.jpg)
Yazdani Chowdhury
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
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![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)