How to design & prototype a Mobile UI/UX Design Experience using Figma design tool - Learn Figma | Aaron Lawrence | Skillshare

How to design & prototype a Mobile UI/UX Design Experience using Figma design tool - Learn Figma

Aaron Lawrence, UX Instructor & Product Designer in SF

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (5h 48m)
    • 1. 1 Introduction video

      4:55
    • 2. Class intro to figma & Download the class file

      33:19
    • 3. Designing the login & sign up screens + component creation, prototyping & smart animate

      88:10
    • 4. Designing the shopping experience

      90:11
    • 5. Designing the checkout experience

      61:14
    • 6. Designing the profile screens

      25:52
    • 7. Collaborating with others & exporting UI assets for engineering

      16:01
    • 8. Keyboard shortcuts+plugins+GUI kits

      20:56
    • 9. Commenting & final thoughts

      7:12
126 students are watching this class

About This Class

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