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

Descripción

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.

Lo que aprenderás

• 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

Requisitos

• 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.