📖 Overview
📝 Notes
💻 Code
✓ Mark Complete
📚 What you'll learn
✓ Design principles — contrast, hierarchy, alignment
✓ Color theory & typography mastery
✓ Figma — components, auto layout, variants
✓ User research & empathy mapping
✓ Wireframing — low to high fidelity
✓ Prototyping & usability testing
✓ WCAG accessibility standards
✓ Portfolio-ready projects for jobs
Course Curriculum
5 sections · 26 lessons · 26 hours
01 Design Fundamentals
6 lessons · 4h 00m ▾
📄
What is UI vs UX Design? Lesson
FREE
📄
Design Principles — Contrast, Hierarchy, Alignment, Proximity Lesson
FREE
📄
Color Theory — Palettes, Psychology & Accessibility Lesson
📄
Typography — Choosing & Pairing Fonts Lesson
📄
Spacing, Grids & 8px Systems Lesson
📝
Design Fundamentals Quiz Lesson
02 Figma — From Beginner to Pro
7 lessons · 6h 00m ▾
📄
Figma Interface & Basic Tools Lesson
FREE
📄
Components — Create, Variants & Instances Lesson
📄
Auto Layout — Responsive Design in Figma Lesson
📄
Design Systems — Styles, Tokens & Libraries Lesson
📄
Prototyping — Interactions & Animations Lesson
📄
Figma Plugins & Productivity Tips Lesson
🛠️
Project 1 — Mobile App UI in Figma Lesson
03 UX Research & Process
5 lessons · 3h 00m ▾
📄
User Research — Interviews, Surveys & Empathy Maps Lesson
📄
Information Architecture & User Flows Lesson
📄
Wireframing — Low to High Fidelity Lesson
📄
Usability Testing — 5 User Rule Lesson
04 UI Design Patterns & Accessibility
4 lessons · 3h 00m ▾
📄
Common UI Patterns — Navigation, Cards, Modals, Forms Lesson
📄
Mobile Design — iOS & Android Guidelines Lesson
📄
Accessibility — Designing for Everyone Lesson
📄
Dark Mode Design Best Practices Lesson
05 Final Project & Portfolio
4 lessons · 4h 00m ▾
📄
Case Study — How to Present Your Design Work Lesson
🛠️
Project 2 — Website Redesign Case Study Lesson
🛠️
FINAL — Complete App Design + Prototype Lesson
📄
Getting Design Jobs & Freelance Clients Lesson