Complete UI/UX Design Course 2025: Figma + AI + Real Project | Udemy

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.