FIGMA UI/UX DESIGN MASTER COURSE

UX Research, Wireframing, Figma Prototyping & Design System: Complete Syllabus

UX Fundamentals & Research
  • Introduction to UI vs UX Design & Design Thinking Process
  • User Research Methods (Interviews, Surveys, Competitor Analysis)
  • Creating User Personas & Empathy Maps
  • User Journey Mapping & Information Architecture (IA)
  • Card Sorting, User Flow & Task Flow Diagrams
  • Usability Principles & Heuristic Evaluation
Wireframing & Figma Interface
  • Figma Interface Overview, Canvas Navigation & Frames
  • Low-Fidelity vs High-Fidelity Wireframing
  • Vector Tools, Shapes, Boolean Operations & Masking
  • UI Grid Systems (8pt/4pt Grid) & Responsive Layouts
  • Typography in UI (Hierarchy, Line Height, Font Pairing)
  • Color Theory for UI (Primary, Secondary, Accessibility Contrast)
Auto Layout & Smart Components
  • Auto Layout 5.0 (Padding, Gap, Alignment & Resizing Rules)
  • Creating Reusable Components & Variant Properties
  • Nested Components & Component Properties (Boolean, Instance Swap)
  • Styles Setup (Color, Typography, Shadows & Effects)
  • Interactive Components & Component States (Hover, Active, Disabled)
  • Figma Plugins & Asset Management
Design Systems & UI Components
  • Building Scalable Design Systems & Style Guides
  • UI Elements (Buttons, Inputs, Cards, Modals, Navigation Bars)
  • Design Tokens & Variables (Light/Dark Mode Switching)
  • Accessibility in UI Design (WCAG Guidelines)
  • Micro-interactions & Micro-copy Best Practices
  • Responsive Design (Mobile, Tablet, Desktop Breakpoints)
Prototyping & Animation
  • Prototyping Basics (Page Links, Transitions & Overlays)
  • Smart Animate & Advanced UI Animations
  • Interactive Micro-animations (Dropdowns, Toggle Switches, Loaders)
  • Variables & Conditional Logic in Prototyping
  • Scroll Behavior, Sticky Elements & Parallax Effects
  • Device Previewing (Figma Mirror App & Mobile Testing)
Real-World Projects & Handoff
  • Complete Mobile App UI/UX Case Study (iOS / Android)
  • Web Application / Dashboard UI Design
  • Usability Testing, Feedback Iteration & AB Testing
  • Developer Handoff (Dev Mode, Inspecting, Assets Export)
  • Documentation, Figma Specs & Design Tokens Handoff
  • Portfolio Building (Behance, Dribbble & Case Study Presentation)