Buy Template
Design
5.0 / 5.0
overall rating
UI/UX Design
Learn how to design intuitive digital experiences people actually love to use
Beginner to Intermediate
8 Weeks
2026 Edition
About this course
Learn how to design intuitive, accessible digital experiences and user interfaces that people actually love to use. Master wireframing, high-fidelity Figma prototyping, dynamic auto-layouts, and design system architecture.
What will you learn
Conduct qualitative user research and map out intuitive user flows
Build scalable design systems, components, and auto-layouts in Figma
Create high-fidelity interactive prototypes ready for dev handoff
Your requirements
Free Figma account installed
Passion for visual design and problem solving
Course curriculum
Chapter 1:
User Research & Information Architecture
Lessons:
50
Duration:
50 mins
UX Discovery & User Personas
Conduct user interviews, build empathy maps, and formulate actionable personas.
User Journey Mapping
Map end-to-end user paths to identify friction points and core opportunities.
Information Architecture & Sitemaps
Structure digital content intuitively with clear taxonomies and navigational trees.
Low-Fidelity Wireframing
Rapidly sketch and wireframe layout structures to validate concepts early.
Usability Testing Basics
Test early paper and wireframe prototypes to uncover usability blind spots.
Chapter 2:
UI Systems & Advanced Figma
Lessons:
5
Duration:
60 mins
Mastering Figma Auto Layout
Build dynamic, responsive UI frames that adapt cleanly to any screen size.
Component Sets & Variants
Create modular components with properties, booleans, and nested variants.
Design Tokens & Color/Type Styles
Set up centralized variables for light/dark modes, spacing, and typography.
Designing for Web & Mobile
Apply standard touch targets, viewport constraints, and platform conventions.
UI Accessibility & Contrast (WCAG)
Ensure designs meet accessibility standards for contrast, readability, and focus.
Chapter 3:
Prototyping & Developer Handoff
Lessons:
5
Duration:
65 mins
Interactive Prototyping & Smart Animate
Create realistic, interactive prototype transitions and micro-interactions.
Building a Complete UI Kit
Consolidate inputs, modals, cards, and navbars into an organized design system.
Dev Handoff & Design Documentation
Use Figma Dev Mode to inspect code, document behavior, and support engineers.
Conducting Usability Tests on High-Fi
Run structured testing sessions on interactive prototypes to gather final feedback.
End-to-End App Case Study
Complete and document a full product design case study ready for your portfolio.
Kaelen poiry
Principal Product Designer
UX strategist focused on building scalable design systems, frictionless mobile flows, and data-backed digital experiences.