Figma UI/UX Complete Bootcamp: Design 3 Job-Ready Projects

Course Curriculum

Chapter 1: Course Overview

Lecture 1: Course Overview

Chapter 2: Getting Started Figma Files (Resource)

Lecture 1: Getting Started and How to Get Verified Education Plan,How to Import Resources

Lecture 2: Practice Figma Files

Chapter 3: Prototyping Theory

Lecture 1: What is Prototype Part-1

Lecture 2: Why Prototype Important Part-2

Lecture 3: Types of Prototypes in UX/UI Design Part-3

Chapter 4: Prototyping Basic-Level

Lecture 1: Discuss About Types of UI Animation Part-1

Lecture 2: Destination Trigger Action and Animation Part-2

Lecture 3: Prototype Settings Testing Sharing Prototypes Part-3

Lecture 4: How On Drag Trigger Works Part-4

Lecture 5: How On Click Trigger Works Part-5

Lecture 6: How While Hovering Trigger Works Part-6

Lecture 7: How After Delay Trigger Works Part-7

Lecture 8: Prototype Action-Navigate to and Change to Part-8

Chapter 5: Prototyping Mid-Level

Lecture 1: Open Overlay Part-1

Lecture 2: Toggle Checkbox Eye off on Radio Part-2

Lecture 3: Accordion Prototyping Part-3

Lecture 4: Tab Bar Prototyping Part-4

Lecture 5: Video Interaction Prototyping Part-5

Lecture 6: Zooming Hover Prototyping Part-6

Lecture 7: Card Carousel Drag Animation Prototyping Part-7

Lecture 8: Sticky Scroll Animation Part-8

Lecture 9: Range Slider Prototyping Part-9

Lecture 10: Text Animation Prototyping Part-10

Lecture 11: Notification Effects Prototyping Part-11

Lecture 12: Animated Card Effect Part-12

Lecture 13: Switch and Toggle Button Part-13

Chapter 6: Prototyping Advanced-Level

Lecture 1: Conditional and Set Variable Part-1

Lecture 2: Delete Prototyping Using Set Variable Part-2

Lecture 3: Hide and Show Using Boolean Part-3

Lecture 4: App Screen Advance Prototyping Part-4

Lecture 5: Advance Prototyping Techniques Part-5

Lecture 6: Advance Prototype Using Button Variants Part-6

Lecture 7: Animated Slider Part-7

Lecture 8: Real Time Typing Keyboard Prototyping Part-8

Lecture 9: Interactive Drop Down Menu Prototyping Part-9

Lecture 10: Interactive Drop Down Menu Prototyping Part-10

Chapter 7: Uber Ride Sharing App UI/UX: Project-1

Lecture 1: Uber Ride Sharing App UI/UX Project – Figma Source File

Lecture 2: Ride Sharing App UI/UX Project: Live Demo

Lecture 3: Choosing Colors 1 Part-1

Lecture 4: Choosing Colors 2 Part-2

Lecture 5: Defining Variables Part-3

Lecture 6: Creating Typography 1 Part-4

Lecture 7: Creating Typography 2 Part-5

Lecture 8: Iconography Part-6

Lecture 9: Understanding Basics of Auto-layout Part-7

Lecture 10: Creating your First Component Part-8

Lecture 11: Finishing All Buttons Part-9

Lecture 12: Finalizing Style Guide Part-10

Lecture 13: Low-Fidelity Design On-boarding Page Part-11

Lecture 14: Low Fidelity Design Sign in Page Part-12

Lecture 15: Low Fidelity Design Ride Selection and Payment Part-13

Lecture 16: Low Fidelity Design Ride Search and Ride Found Part-14

Lecture 17: Low Fidelity Design Ride Details and Rating Part-15

Lecture 18: Low Fidelity Design Join a Ride and Previous Ride Part-16

Lecture 19: Low Fidelity Design Final Design Part-17

Lecture 20: High Fidelity Creating On-boarding Page Slider Part-18

Lecture 21: High Fidelity Completing On-boarding Page Part-19

Lecture 22: High Fidelity Sign in and Sign Up Page Part-20

Lecture 23: High Fidelity Bottom Navbar Component Part-21

Lecture 24: High Fidelity Home Page Done Part-22

Lecture 25: High Fidelity Ride Selection Page Part-23

Lecture 26: High Fidelity Payment Page Part-24

Lecture 27: High Fidelity Loader Part-25

Lecture 28: High Fidelity Ride Confirm and Ride Details Part-26

Lecture 29: High Fidelity Ride Details and Rate My Ride Part-27

Lecture 30: High Fidelity Join a Ride and Previous Ride Part-28

Lecture 31: High Fidelity Previous Ride Info Part-29

Lecture 32: Final Design and Prototype Part-30

Lecture 33: High Fidelity Final Prototyping Part-31

Lecture 34: Low Fidelity Design Sign Up and Home Page Part-32

Chapter 8: Shoe Sop E-Commerce App UI/UX : Project – 2

Lecture 1: Project Setup Figma Part-1

Lecture 2: Creating Color Style Guide Part-2

Lecture 3: Creating Typography Style Guide Part-3

Lecture 4: Creating Splash Screen Home Screen (Low Fidelity Wire frame) Part-4

Lecture 5: Creating Product Details, Cart, Purchase Screen (Low Fidelity Wire frame) Part-5

Lecture 6: Designing Splash Screen Part-6

Lecture 7: Designing Search Bar (Home Screen) Part-7

Lecture 8: Designing Category Section (Home Screen) Part-8

Lecture 9: Designing Cart Section (Home Screen) Part-9

Lecture 10: Designing Bottom Navigation Bar (Home Screen) Part-10

Lecture 11: Designing Image Section (Product Details Screen) Part-11

Lecture 12: Designing Product Details Section (Product Details Screen) Part-12

Lecture 13: Designing Cart Screen Part-13

Lecture 14: Designing Place Order Successful Screen Part-14

Lecture 15: Creating Images and Icons Components(Design System) Part-15

Lecture 16: Creating Button Components (Design System) Part-16

Lecture 17: Creating Category Section Components (Design System) Part-17

Lecture 18: Creating Bottom Navigation Bar Components (Design System) Part-18

Lecture 19: Creating Select Size Section Cards Components (Design System) Part-19

Lecture 20: Creating Cart List Components (Design System) Part-20

Lecture 21: Splash Screen Home Screen Prototyping Part-21