Figma Fashion Web App UI/UX - Design a Complete Web APP UI/UX

person icon Yazdani Chowdhury

Figma Fashion Web App UI/UX - Design a Complete Web APP UI/UX

Learn Figma Advanced Features

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Yazdani Chowdhury

architecture icon Design,Graphic Design & Illustration,Figma


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint 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.


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.


What are the prerequisites for this course?

  • 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


Check out the detailed breakdown of what’s inside the course

18 Lectures
  • play icon Introduction 04:16 04:16
  • play icon Project Layout Grid and Color System Design 06:19 06:19
  • play icon Navigation Bar and Header Design 15:58 15:58
  • play icon Card Design to Show Fashion Item 10:01 10:01
  • play icon Select and Show Multiple Image in Card 10:00 10:00
  • play icon Frame Selection and Horizontal Scroll 11:06 11:06
  • play icon Horizontal Scroll by Clicking on Scroll Button 08:37 08:37
  • play icon Men Fashion Card Design 06:28 06:28
  • play icon Pagination Design 12:15 12:15
  • play icon Fashion Category Design 14:15 14:15
  • play icon Newsletter Section Design 09:35 09:35
  • play icon Footer Section Design 09:24 09:24
  • play icon Sign up Page Design 09:51 09:51
  • play icon Sign In and OTP Page Design 04:48 04:48
  • play icon Item Modal Box Design 21:44 21:44
  • play icon Prototype Overlay to Show Modal Box 05:18 05:18
  • play icon Prototype for Sign up and Sign in Page 08:05 08:05
  • play icon Export and Share Design 05:13 05:13

Instructor Details

user profile image

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.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us