Home └Master Web & Mobile Design - Figma, UI/UX Essentials, and More
Master Web & Mobile Design - Figma, UI/UX Essentials, and More

Master Web & Mobile Design - Figma, UI/UX Essentials, and More

This course covers Figma from basics to advanced skills. You’ll start with design fundamentals like wireframing, typography, and color theory, then move on to responsive layouts, animations, and interactive prototypes. You’ll master key Figma tools such as Auto Layout, Smart Animate, Boolean operations, and constraints, while also exploring user psychology to create intuitive designs. Through real-world projects for web and mobile, you’ll gain hands-on experience and finish the course ready to design functional, user-centered interfaces for a professional UI/UX career.

Join Course
Responsible Ahmed Abd Elfattah
Last Update 27/09/2025
Members 1
Basic
    • Introduction: Master Web & Mobile Design: Figma, UI/UX Essentials, +More
      New
    • From Zero to Figma Hero: Your Step-by-Step Guide
      New
    • Figma to Code Design Stunning Interfaces Without Writing a Line
      New
    • UI vs. UX in Figma Design Magic Explained
      New
    • Build Apps & Websites You'll Love (In This Figma Course)
      New
    • Learn UX Briefs & Task Flows in Figma
      New
    • Lo-Fi vs Hi-Fi Wireframes Design Showdown
      New
    • Frames & Design File in Figma Design (Interface)
      New
    • Figma Text Tool and Fonts
      New
    • Figma Basics How To CREATE And MODIFY SHAPES
      New
    • How to Choose and use Colors in Figma
      New
    • Strokes & Updating Default Properties in Figma
      New
    • What is Object Editing Mode & How to Use It! In Figma
      New
    • How to Use The Scale Tool And Selection in Figma
      New
    • Figma Groups and Frames for Better UI Designs
      New
    • Project 1: From Sketch to Reality: Wireframing Your Design in Figma
      New
    • Best Free Icon Set Packs for UI/UX Designers
      New
    • Icon Basics In Figma
      New
    • How To Install And Use Plugins in Figma
      New
    • Project 2: Mastering the Toolbox: Icons & Plugins for Powerful Figma Designs
      New
    • How To Create And Use Pages In Your Figma File
      New
    • Figma Prototyping for Beginners
      New
    • Figma Prototyping & Transitions (Easing)
      New
    • Figma Testing Prototype with Figma Mirror
      New
    • Project 3: Mobile Design Magic: Showcase Your App in Figma
      New
    • Figma Smart Animate for Beginners
      New
    • Project 4: Breathe Life into Your Design: Creating Smart Animations in Figma
      New
    • Sharing & Feedback in Real-Time with Figma
      New
    • Figma Collaborate in Real-Time with Multiplayer
      New
    • What Are Mood Boards & The SECRET To Finding Inspiration For Web & App Design
      New
    • How To Create A Mood Board In Figma
      New
    • Project 5: Inspiration Station: Building a Moodboard in Figma
      New
    • Create a Responsive Grid System for Web & UI Design
      New
    • How to Choose Colors (Color Inspiration)
      New
    • How I Make UI Color Palettes In Figma
      New
    • How To Create Gradients in Figma
      New
    • Creating a Color System in Figma
      New
    • Easiest Way to Generate Color Palette in Figma (Using Plugins)
      New
    • Project 6: Colors, Styles, and Grids in Action!
      New
    • Best Practices for Choosing Fonts and Font Pairing in UI and Web Design
      New
    • Create the Perfect Typography Scale for UI & Web Projects
      New
    • Fastest Way to Create Text Styles in Figma
      New
    • How to Add Lorem Ipsum Text in Figma
      New
    • Useful Text Tips & Tricks in Figma
      New
    • How to Add Fonts in Figma and How To Add Missing Fonts in Figma
      New
    • Project 7: Textpertise: Mastering Text Styles in Figma
      New
    • Figma Pen Tool Basics & Vector Networks
      New
    • Why Are the Apple Icons Different (Corner Smoothing)
      New
    • Figma Boolean Operations (Union, Subtract, Intersect, Exclude)
      New
    • Figma's Power Duo: When to Use Union and When to Flatten
      New
    • Project 08: Homepage & Burger Menu Design in Figma
      New
    • How to Use Smart Selection and Tidy Up in Figma
      New
    • Placing Images in Figma
      New
    • Figma Masks (Mask Image and Text in Figma)
      New
    • Figma Images Plugins for UI/UX Designers
      New
    • Project 9: Image Alchemy: Mastering Images & Plugins in Figma
      New
    • Auto Layout And Constraints in Figma
      New
    • Figma Auto Layout Space Between Objects
      New
    • Figma Constraints & Resizing Made SIMPLE
      New
    • Nest Frames, Auto Layout And Constraints in Figma
      New
    • Advanced Auto Layout Techniques - Figma
      New
    • Project 10: Design That Adapts: Creating Responsive Layouts in Figma
      New
    • How to Make Beautiful Shadows - UI Design with Figma
      New
    • How to Create Background Blur and Layer Blur in Figma
      New
    • Project 11: Let's Add Shadows, Blurs, and Squishy Buttons!
      New
    • How To Save Your Figma Files To Desktop and How To Access Figma File's History
      New
    • Figma Components - The Basics
      New
    • Update, Change, Edit, and Reset Components In Figma
      New
    • Deleting Main Components in Figma is Impossible (Tips & Tricks of Components)
      New
    • Moving Main Components and How to Organize Your Components
      New
    • Figma Best Practices: Name Layers & Stay Organized
      New
    • Project 12: Building Blocks: Mastering Components in Figma
      New
    • Figma Components and Variants for Beginners
      New
    • Figma Component Properties
      New
    • Project 13: Variant Power: Supercharge Your Design with Variants
      New
    • How to Design an Interactive Input Field in Figma
      New
    • Project 14: Account & Category Mastery: Designing for User Flow in Figma
      New
    • How to Design a Notification UI Design in Figma
      New
    • How to Add Popup Overlays in Figma
      New
    • How to Create a TOOLTIP (Hover to Show Text) Component in Figma
      New
    • How to Create Multiple Prototypes & Create Separate Flows on One Figma Page
      New
    • Prototyping Overlay Transitions in Figma
      New
    • Project 15: Pop Up & Flow Like a Pro: Prototyping Interactions in Figma
      New
    • Sticky Scroll in Figma
      New
    • How to Create Auto Scrolling Animation in Figma
      New
    • The Difference Between Teams, Projects and Pages
      New
    • Figma Create a Shareable Team Library
      New
    • Animation vs Micro Interaction in Figma
      New
    • Amazing Button Animations in Figma
      New
    • Project 16: Add To Cart Button Animation
      New
    • Project 17: Dark Mode and Light Mode
      New
    • Project 18: Pocket-Sized Perfection: Design an iPhone Product Page & Cart
      New
    • Micro Animations Using Interactive Components in Figma
      New
    • Figma Prototype Easing & Spring Animations
      New
    • Pulsing Animation in Figma
      New
    • Project 19: The Final Click: Finishing Your Clickkart App Design in Figma
      New
    • How Do I Set a Project Thumbnail or Cover in Figma
      New
    • How to Export Your Figma Design as Image (PNG, JPG, SVG, PDF)
      New
    • How to Hand Off Your UX Designs Like a Pro
      New
    • Introduction to Design Systems, Resources, and Inspirations
      New
    • 10 Psychological Principles for Powerful UX Design
      New
    • Leveraging Psychology for Personalized User Experiences: A Case Study
      New
    • Color Psychology in UI/UX Design
      New
    • The Happiness Paradox: Understanding Hedonic Adaptation in UI/UX Design
      New
    • The Dopamine Effect in UI/UX Design
      New
    • The Power of Sound: How Audio Shapes User Experience (UX) Psychology
      New
    • Intro - Real World Projects With Figma
      New
    • Real World UI/UX Project 2: StayWave
      New
    • Real World UI/UX Project 3: Food Delivery App
      New
    • Real World UI/UX Project 4: Music App
      New
    • Real World UI/UX Project 5: DIY
      New
    • Figma for UI/UX Design: You've Graduated! (What's Next)
      New