Design & Prototype a Mobile UI/UX Experience - Learn Figma

In this class, I have created a figma file for you to download and I will walk you through step-by-step, how to create a fully-functional prototype using the design tool Figma. Here is the class agenda:

1. Intro to Figma design tool & file walkthrough

2. How to design a login & signup experience

3. How to design a shopping experience

4. How to design checkout experience

5. How to design profile & order history screens

6. How to create & use a component library

7. How to create & share a clickable prototype + smart animate and other transition effects

8. How to invite others & collaboration in figma

9. How to export UI assets & inspect code for engineering

10. Figma keyboard short cuts

11. How to use figma plugins & GUI Kits

12. How to create comments & review comments in figma

13. Final thoughts & going forward