Complete Mobile App UI/UX Design Course: Figma & AI

Go From Beginner to UI/UX Designer with Figma, AI, Wireframes, Prototypes & Real Projects

Created byZishan Ali

Last updated 9/2026

English

What you'll learn

Learn the fundamentals of UI/UX design and apply professional design principles to real-world projects.
Create professional wireframes, user interfaces, and interactive prototypes using Figma.
Use Figma’s tools, components, auto layout, styles, and design systems to build modern responsive interfaces.
Use AI tools to generate ideas, improve UX workflows, create design concepts, and speed up the UI/UX design process.
Design complete websites and mobile app interfaces from concept to high-fidelity prototype.

Course content

1 section • 25 lectures • 5h 3m total length

Introduction2:18
Welcome to the Complete UI/UX Design Course with Figma & AI!
In this course, you’ll learn how to design modern, professional digital experiences from scratch using Figma and AI. Whether you’re completely new to UI/UX design or looking to upgrade your existing skills, we’ll take you through the complete design process step by step.
We’ll start with the fundamentals of UI/UX design and gradually move into wireframing, user flows, interface design, components, auto layout, prototyping, design systems, and real-world projects.
You’ll also learn how AI can support and speed up different stages of the UI/UX workflow—from generating ideas and exploring design directions to improving your overall design process.
By the end of the course, you’ll have practical experience creating professional website and mobile app interfaces and building projects that can become part of your UI/UX portfolio.
So, let’s get started and begin your journey toward becoming a modern UI/UX designer.
LECTURE 2 - Complete UI_UX Design9:06
How to Design a Splash Screen in Figma _ Beginner UI_UX App Design Tutorial (Ste19:16
How to Design a Sign in page in Figma _ Beginner UI_UX App Design16:11
How to Design a Sign up with Email in Figma _ Beginner UI_UX App6:05
How to Design a Sign Up with Password in Figma13:05
How to Design a Welcome Page in Figma _ Beginner UI_UX App Design11:48
Welcome Fill Screen in Figma _ Beginner UI_UX Tutorial for Mobile Apps2:35
How to Design the “What Will You Use This App For ” Screen in Figma _ Mobile8:16
How to Design an “Interests Selection” Screen in Figma _ Mobile UI_UX10:54
How to Design a Reminder Screen with Time Selection Popup in Figma _ Mobile17:49
The Smartest Subscription User experience of Oxcel App _ Mobile UI_UX Tutorial4:47
How to Design a Subscription Screen with Components in Figma _ Mobile UI_UX38:47
How to Design a Customising Screen with Components in Figma _ Mobile UI_UX4:35
How to Design a Detailed Course Page in Figma _ Full UI_UX Tutorial18:20
How to Draw Custom Icons in Figma _ UI_UX Masterclass 20254:12
How to Design a Leaderboard Icon in Figma _ Custom Icon Design Tutorial (UI_UX M6:18
How to Design a Bookmark Icon in Figma _ Step-by-Step Icon Tutorial_1080p2:27
How to Create Saved & Profile Icons in Figma _ Step-by-Step Icon Design Tutorial5:54
Design a Smart Navigation Component in Figma _ Variants & States Explained11:07
Designing the Explore Page in Figma _ Search & Course Categories (UI_UX Tutorial22:28
How to Design a Leaderboard Screen in Figma _ Step-by-Step UI Design Tutorial9:34
Designing the Explore Page & Prototyping in Figma _ Search, Categories & Auto La13:47
Designing the Settings Screen in Figma — Toggles, Styles & Components9:28
Design Profile & Settings Page in Figma — Add Text & Color Styles34:30

Requirements

no expereince needed

Description

Become a Modern UI/UX Designer with Figma & AI

Want to learn UI/UX design from scratch and build professional websites and mobile app interfaces?

This complete UI/UX Design course is designed to take you from the fundamentals of UX and UI design to creating polished, interactive, real-world projects using Figma and AI.

You’ll learn how professional designers think, plan, design, prototype, and refine digital experiences — while using AI to speed up research, ideation, content creation, and your overall design workflow.

What You'll Learn

Throughout the course, you'll learn how to:

Understand the fundamentals of UI/UX and modern design principles.
Conduct basic UX research and understand user needs.
Create user flows, information architecture, and wireframes.
Master Figma's essential tools and professional design workflow.
Create responsive layouts using Auto Layout and reusable components.
Build professional design systems, styles, and UI components.
Design modern websites and mobile app interfaces.
Create interactive prototypes and realistic user experiences.
Use AI to generate ideas, improve workflows, explore design concepts, and work faster.
Turn your ideas into complete high-fidelity UI/UX projects.
Refine your designs using practical usability and visual-design principles.
Prepare professional projects that can be presented in a portfolio.

Learn by Building Real Projects

This course focuses on practical learning rather than only theory. You'll apply what you learn while creating complete UI/UX designs and prototypes, allowing you to understand how the concepts work in real design situations.

Who Is This Course For?

This course is ideal for:

Complete beginners interested in UI/UX design.
Students and aspiring

Who this course is for:

This course is designed for beginners who want to learn UI/UX design from scratch and build practical, professional design skills using Figma and AI. It is ideal for: * Beginners who want to start a career in UI/UX or product design. * Students and aspiring designers who want to learn Figma step by step. * Graphic designers who want to expand their skills into UI/UX design. * Web designers and developers who want to understand professional UI/UX workflows. * Freelancers who want to create professional website and mobile app designs for clients. * Entrepreneurs and startup founders who want to design and prototype their own digital products. * Existing UI/UX designers who want to incorporate AI into their design workflow and work more efficiently. * Anyone interested in learning modern UI/UX design through practical, real-world projects. No advanced UI/UX experience is required. The course is structured to help beginners progress from the fundamentals to creating complete, professional UI/UX proje