UI/UX Design & Design Systems Mastery
Design products people find obvious to use — then make them scale. Learn the full UX process (research → IA → wireframes → prototypes → usability testing) and master design systems: tokens, components, and governance so a whole team ships consistent UI fast. Built around real product work in Figma, from empty canvas to a documented, handoff-ready system.
What You'll Learn
What's Included
Interactive learning path with AI-generated lessons read aloud by your personal tutor
Step-by-step lab instructions with AI guidance — run in your own IDE or sandbox.
AI interviewer asks tailored questions, gives real-time feedback and a score report
MCQ questions (theory, practical, code) to test your knowledge and earn a badge
Compete head-to-head against AI on real production problems — judged on correctness, performance, scalability, code quality, and edge cases
Course Syllabus
Module 1: UX Foundations & Research
- •The design thinking process and double diamond
- •User research: interviews, surveys, and synthesis
- •Personas, jobs-to-be-done, and empathy maps
- •Defining problems and success metrics
- •Turning research into actionable insights
Module 2: Structure & Interaction Design
- •Information architecture and card sorting
- •User flows and task flows
- •Low-fidelity wireframing and rapid iteration
- •Interaction patterns and micro-interactions
- •Prototyping flows in Figma with components
Module 3: Visual Design Craft
- •Typographic scale, hierarchy, and readability
- •Colour theory, contrast, and semantic colour
- •Layout, spacing, grids, and alignment
- •Iconography, imagery, and visual consistency
- •From wireframe to polished high-fidelity screens
Module 4: Design Systems Mastery
- •Why design systems: consistency and velocity at scale
- •Design tokens: colour, spacing, type, elevation
- •Component architecture: variants, states, and props
- •Auto-layout, constraints, and responsive components
- •Documentation, governance, and contribution models
Module 5: Validate, Handoff & Scale
- •Usability testing: moderated and unmoderated
- •Accessibility: WCAG, colour contrast, keyboard, screen readers
- •Developer handoff: specs, tokens, and redlines
- •Measuring UX with success and satisfaction metrics
- •Capstone: a product feature backed by a documented design system
You're all set
Everything in this course is unlocked.
Continue Learning →