Figma UI/UX: Design a Complete Shoe Shop E-Commerce App Project with Advanced Prototyping

Dive into UI/UX design with Figma and learn how to create a complete Shoe Shop E-Commerce mobile app from scratch! This course is perfect for all skill levels—whether you’re a beginner just starting with Figma or an intermediate designer looking to level up your skills.

You’ll start with the fundamentals, learning how to structure a Figma project, explore all essential tools, and create basic prototypes. Then, step by step, you’ll design a fully functional e-commerce mobile app while following industry best practices, including style guides, system design, and reusable components. By the end of this course, you’ll have a polished, interactive mobile app prototype to showcase in your portfolio.

What You’ll Learn in This Class:

- How to set up a Figma project structure for efficiency and scalability

- Mastering Figma tools for design and prototyping

- Creating both basic and advanced interactive prototypes

- Designing a real-world Shoe Shop E-Commerce mobile app

- Building and applying style guides, typography, and color systems

- Following best practices in UI/UX design and Figma project organization

- Designing reusable components and consistent design systems

- Enhancing your portfolio with a complete, interactive app prototype

Projects You’ll Design:

- A Shoe Shop E-Commerce mobile app from scratch

- Splash and Home screens with interactive elements

- Product listing and details screens

- Cart and checkout screens with advanced prototyping

- Search and category screens/navigation

- Reusable UI components such as buttons, cards, and navigation bars

- A complete style guide and design system integrated into the project

This class is designed to help anyone, regardless of experience level, go from Figma basics to creating a professional, advanced prototype ready for a portfolio.

This class is co-taught by Abdus Salam Mahabub and me. Together, we’ll guide you from the very basics of Figma all the way to advanced prototyping.

In the first part of the class, I’ll cover the fundamentals of Figma—including project setup, essential tools, and creating basic prototypes. Then, Abdus Salam Mahabub will take over and teach you how to design a complete Shoe Shop E-Commerce mobile app UI/UX with advanced prototyping and professional best practices.

By the end of this class, you’ll gain both a solid foundation in Figma and the ability to create a real-world, interactive mobile app prototype.