UI/UX Design Masterclass

Master user interfaces, user experiences, wireframing, and interactive prototyping using Figma and industry-standard research methods.

What You'll Learn

✓ Master Figma from zero to advanced
✓ Conduct effective user research and testing
✓ Design visually stunning user interfaces
✓ Create user flow diagrams and wireframes
✓ Build interactive, animated prototypes
✓ Design for mobile apps and web platforms
✓ Master typography, grid systems, and color
✓ Prepare design handoffs for developers

Course Curriculum

4-week program blending human psychology, art, and tech to create digital experiences.

Week 1: UX Foundations & User Research

10 lessons
  • The difference between UX and UI
  • Design Thinking and standard workflows
  • Creating user personas and journey maps
  • Conducting user interviews & surveys
  • Information Architecture and Card Sorting

Week 2: Wireframing & Intro to Figma

10 lessons
  • Low-fidelity sketching and wireframing
  • Mastering the Figma interface and tools
  • Working with vectors, shapes, and layers
  • Auto Layout in Figma (Crucial Skill)
  • Creating reusable components and variants

Week 3: Visual UI Design & Systems

12 lessons
  • Color theory and accessibility compliance
  • Web typography and hierarchy
  • Spacing, alignment, and 8pt grid systems
  • Designing high-fidelity UI screens
  • Building a comprehensive Design System

Week 4: Prototyping & Handoff

10 lessons
  • Creating interactive paths and micro-interactions
  • Smart Animate in Figma
  • Usability testing your prototype with real users
  • Exporting assets and the developer handoff process
  • Building your UX design portfolio case study

Projects You'll Build

Build case studies for your portfolio that demonstrate your problem-solving abilities.

01

UX Case Study: E-Commerce

Research and redesign an existing e-commerce checkout flow to reduce friction and improve conversion rates.

Research User Flows Problem Solving
02

Mobile App Wireframes

Create a complete set of low-fidelity wireframes for a food delivery or fitness tracking mobile application.

Wireframing Architecture Mobile UI
03

Design System

Build a scalable design system in Figma including typography, color palettes, buttons, and form components.

Figma Auto Layout Components
04

Interactive App Prototype

Design high-fidelity screens for a mobile app and connect them with animations to create a functional prototype.

Prototyping Micro-interactions Testing

Prerequisites

💻

Requirements

Any computer (Mac or PC) that can run the web browser version of Figma.

⏰

Time Commitment

15-20 hours per week for reading assignments and design practice.

No prior design or coding experience required - we'll teach you everything from scratch!

UI/UX Design Masterclass Course
Arts

UI/UX Design Masterclass

Master user interfaces, user experiences, wireframing, and interactive prototyping using Figma.

⏱️ 4 weeks
📚 42 lessons
⭐ 4.9/5

This course includes:

  • ✓ 40 hours of on-demand video
  • ✓ 4 design portfolio projects
  • ✓ Certificate of completion
  • ✓ Lifetime access
  • ✓ UI kits and templates