Login

Complete UI/UX Design Course 2026: Figma + AI + Real Project

Become a UI/UX Designer in 2026 — Real Projects, Components, Auto Layout, and AI Tools

  • 0.0 (0 Reviews)
  • 0 Students
  • 95 Lessons
  • Muhammad Iqbal

Course Overview

Ready to become a UI/UX designer from scratch and build real-world projects?
This course will completely change the way you think about design — whether you're just starting or looking to level up.

In this step-by-step masterclass, you’ll:

  • Learn UI/UX fundamentals through real examples and hands-on projects

  • Build a real app from scratch, just like a pro designer

  • Explore Figma in-depth with components, auto layout, variants & prototyping

  • Use AI tools to boost your design workflow and creativity

  • Discover the UX behind top apps like Uxcel Go and apply it yourself

  • Build a full design system with proper color and text styles

  • Learn how to present, organize, and deliver your designs like a professional

I'm Muhammad Iqbal — a Top Rated Plus UI/UX Designer on Upwork & Fiverr.
I've earned nearly $500,000 designing real products, and now I’m sharing the exact techniques that worked for me.
Whether you want to freelance, land a job, or start your own project — this course will guide you every step of the way.
And yes, I’ll be supporting you throughout.

Syllabus – What You’ll Learn (Day-by-Day)

Day 1: App Onboarding & Splash Screens

  • Designing splash screen with logo & status bar

  • Creating sign in, sign up, and password screens

  • Welcome screen + user role popup (UI/UX designer, product designer, etc.)

Day 2: Layout, Frames & Flows

  • Learning frames and auto layout in Figma

  • Designing empty states & interest selection screens

  • Building a time-based reminder popup

Day 3: Components & Subscription UX

  • Intro to components & auto layout (advanced)

  • UX discussion on subscriptions (Uxcel Go app inspiration)

  • Designing customizing experience screen

Day 4: Variants & Course Exploration

  • Creating main course section with button variants

  • Designing detailed course screens with variant selections

  • Creating and organizing the home screen

Day 5: Navigation Icons Design

  • Designing custom icons: Home, Explore, Leaderboard

  • Bookmark, Saved, Profile icons with variants

  • Using Iconify plugin & understanding when to create vs find icons

Day 6: Navigation Bars & Linked Screens

  • Creating navigation bars with variants

  • Designing linked screens: Designer, Leaderboard, Bookmark

  • Exploring course categories and prototyping

Day 7: Profile, Settings & Style Guide

  • Designing a complete Profile screen with user info

  • Creating a professional Settings screen

  • Applying and managing color & typography styles in Figma

By the end of this course, you’ll be confident in designing beautiful, functional, and job-ready UI/UX projects — with real-world design thinking and the power of AI.

See more

FAQ

FAQ area empty

Course curriculum

Requirment

  • No prior design or technical experience required – this course is perfect for complete beginners!

  • A computer or laptop with internet access

  • A free Figma account – we’ll show you how to set it up if needed

  • Curiosity, creativity, and a willingness to learn.

  • (Optional but helpful) Basic understanding of how websites or mobile apps work.

Outcomes

  • 1. Design Real-World User Interfaces Using Figma

  • 2. Apply AI Tools to Speed Up and Improve the UI/UX Design Process

  • 3. Build a Real, Live UI/UX Project from Start to Finish

  • 4. Understand Design Thinking, UX Principles, and How to Create Portfolio-Worthy Case Studies

Instructor

...
Muhammad Iqbal

0.0

  • ... 0 Student
  • ... 1 Course
  • ... 0 review

View Details

Reviews

Rate this course :

Remove all