الرئيسية └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.

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