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.

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

Mobile App Wireframes

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

Wireframing Architecture Mobile UI

Design System

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

Figma Auto Layout Components

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!

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

Buy Now Request a Call Back