Figma Mega Course – Design 6 Complete Web App UI/UX Project

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Rectangle Tool Part-1

Lecture 3: Ellipse and Line Tools Part-2

Lecture 4: Arrow and Star Tools Part-3

Lecture 5: Polygon and Pen Tools Part-4

Lecture 6: Pencil and Text Tools Part-5

Chapter 2: Learn How to Use Image

Lecture 1: Uses of Image Tool

Chapter 3: Layout Grid System

Lecture 1: Layout Grid System

Chapter 4: System Design Layout Grid

Lecture 1: System Design Layout Grid

Chapter 5: Learn How to Create Group

Lecture 1: Create Group

Chapter 6: Tidy Up Design

Lecture 1: Tidy Up Design

Chapter 7: Learn to Create Component

Lecture 1: Create Component

Chapter 8: Color System Design

Lecture 1: Color System Design

Chapter 9: Project 1: Messenger Web App UI/UX

Lecture 1: Create Project and Layout Design Part-1

Lecture 2: User List Item Design Part-2

Lecture 3: Group and Vertical Scrolling Part-3

Lecture 4: Dropdown List Open Overlay Prototype Part-4

Lecture 5: Message Sending Design Part-5

Lecture 6: Sign UP and Sign In Page Design Part-6

Lecture 7: Prototyping With Animation Part-7

Lecture 8: Share and Export Our Design Part-8

Chapter 10: Project 2: Music player web app UI/UX

Lecture 1: Project Demo – Music Player Web App Intro

Lecture 2: Sidebar Design Part-1

Lecture 3: Album List Design Part-2

Lecture 4: Modal Dialog & Overlay Prototyping Part-3

Lecture 5: Music Player and List Design Part-4

Chapter 11: Project 3: Property Selling Web App UI/UX

Lecture 1: Design Navigation Bar Part-1

Lecture 2: Cover Image and Card Design Part-2

Lecture 3: Property List Card Design Part-3

Lecture 4: Pagination Design Part-4

Lecture 5: About Section Collapse features Part-5

Lecture 6: Feedback Slider Design Part-6

Lecture 7: Design Subscribe Section Part-7

Lecture 8: Footer Section Design Part-8

Lecture 9: Sign Up and Sign in Page Design Part-9

Lecture 10: Prototyping With Animation Part-10

Lecture 11: Export Design and Share Link Part-11

Chapter 12: Project 4: Fashion Web App UI/UX

Lecture 1: Project Demo-Fashion Web App UI/UX

Lecture 2: Project Layout Grid and Color System Design Part-1

Lecture 3: Navigation Bar and Header Design Part-2

Lecture 4: Card Design to Show Fashion Item Part-3

Lecture 5: Select and Show Multiple Images in Card Part-4

Lecture 6: Frame Selection and Horizontal Scroll Part-5

Lecture 7: Horizontal Scroll by Clicking on Scroll Button Part-6

Lecture 8: Men Fashion Card Design Part-7

Lecture 9: Pagination Design Part-8

Lecture 10: Fashion Category Design Part-9

Lecture 11: Newsletter Section Design Part-10

Lecture 12: Footer Section Design Part-11

Lecture 13: Sign up Page Design Part-12

Lecture 14: Sign In and OTP Page Design Part-13

Lecture 15: Item Modal Box Design Part-14

Lecture 16: Prototype Overlay to Show Modal Box Part-15

Lecture 17: Prototype for Sign up and Sign in Page Part-16

Lecture 18: Export and Share Design Part-17

Chapter 13: Project-5 – Figma Budget Management Mobile APP UI/UX

Lecture 1: Design Sign Up Page Part-1

Lecture 2: Design Sign In Page Part-2

Lecture 3: Custom Alert Dialog Design Part-3

Lecture 4: Home Page UI Part-4

Lecture 5: Card Design Horizontal Scroll View Part-5

Lecture 6: Chart And Home UI Part-6

Lecture 7: Custom Color Part-7

Lecture 8: Profile Page UI Part-8

Lecture 9: Appbar Design Part-9

Lecture 10: Elipse Design Part-10

Lecture 11: Group and Vertical Scroll Part-11

Lecture 12: Add Update Alert Dialog Part-12

Lecture 13: Horizontal List Expense Data Part-13

Lecture 14: Dashboard Design Part-14

Lecture 15: Bills UI Custom Alert Dialog Part-15

Lecture 16: Food UI Place Images Tool Part-16

Lecture 17: Export All UI Part-17

Chapter 14: Bonus: Project-6 – Adobe XD Portfolio Web App UI/UX

Lecture 1: Create Art board and Navigation Design Part-1

Lecture 2: Header Section Design Part-2

Lecture 3: Design Career Object Part-3

Lecture 4: Design Career Object and Uses of Plugin Part-4

Lecture 5: Design Education Section Part-5

Lecture 6: Project Section Design Part-6

Lecture 7: Project Section Design Part-7

Lecture 8: Tech Skills Design Part-8

Lecture 9: Tools Section Design Part-9

Lecture 10: Feedback Card Design Part-10

Lecture 11: Feedback Card and Horizontal Scroll View Part-11

Lecture 12: Contact Form-Design Input Field and Button Part-12

Lecture 13: Footer Design Part-13

Lecture 14: Details Page Navigation Design Part-14