
Begin your journey from scratch to advanced app design using Figma, with 12+ hours of content, 20+ projects, and lifelong access. Earn a certificate and prepare for jobs or freelancing.
Explore the course path from Figma setup to advanced animation and AI integration, covering mobile UI/UX principles, app wireframing, eight hands-on projects, and future finance and e-commerce applications.
Navigate the Figma dashboard to explore account settings, drafts, and file types. Rename, move, and share files, and understand design files, FigJam, slides, Buzz, and site for organized projects.
Master auto layout to ensure responsive, aligned, and scalable interfaces in Figma, enabling row, column, and grid layouts and preventing layout disasters during resizing.
Master auto layout by building row, column, and grid layouts, demonstrating how to create a row with multiple items, switch to vertical flow for columns, and convert to a grid.
Design three button states in Figma, hover, focus, and enabled, using components and variants, create shared color styles, and rely on auto layout for consistent text-driven sizing.
Elevate your design skills by blending theory and practice to master UI/UX fundamentals for app design, using Figma concepts like components and prototypes to design and evaluate screens.
This mini project guides you to identify and name screens from apps, map elements like app bars, tabs, banners, and posts, and design a screen with the iOS design system.
Design a polished splash screen for a wellness app in Figma by building a scalable frame, applying the orange hex f35b04, and using logo, typography, and auto layout for branding.
Design three onboarding screens for a meditation app in figma using layout guides and auto layout for a thumb-friendly UX, with image, headline, subtext, skip button, and undraw illustrations.
Design an audio playing screen in Figma from scratch, building background, status bar, album art, progress track, timestamps, and play controls with auto layout and plugins.
Design a bottom navigation bar for a fitness app in Figma, with four screens (home, stats, streak, user), an app bar, and equal spacing using auto layout.
Design an e-commerce product listing screen in Figma, building a grid of product tiles with a search bar and filters, plus a fixed header and scrollable content.
Design a Pinterest feed screen in Figma by replicating the app bar, status bar, a uniform-width staggered image grid with icons, optional titles, and a bottom navigation bar.
Master the app animation by exploring core types, from sliders and button feedback to hover effects, loading, navigation transitions, and haptic feedback, then design them for real apps.
Design and animate a dropdown in Figma for mobile apps, building a two-state dropdown with expanded options, smooth smart animate transitions, and responsive constraints.
Design beautiful, modern, and professional mobile applications from scratch using Figma. Whether you're an absolute beginner or someone looking to strengthen your UI/UX design skills, this course provides a structured, practical learning experience that gradually takes you from the fundamentals to designing production-quality mobile applications.
Unlike courses that focus heavily on theory, this course follows a project-based approach where you learn by building. Throughout the course, you'll complete 20+ big and small projects, giving you hands-on experience with real design workflows used by professional UI/UX designers. Every concept is explained with practical examples, ensuring you understand not just how to design, but also why certain design decisions work.
You'll begin by mastering the Figma interface and essential design tools before moving into mobile app structure, navigation patterns, layouts, components, Auto Layout, reusable components, and responsive design techniques. Once you're comfortable with the fundamentals, you'll learn the core principles of UI and UX design, including visual hierarchy, typography, color theory, spacing systems, accessibility, usability, and industry-standard design laws.
The course also covers modern design systems, helping you understand how Android Material Design, Apple's Human Interface Guidelines, and professional design systems are used to create scalable and consistent applications. You'll study successful products from leading companies to understand the thinking behind world-class interfaces and user experiences.
To bridge the gap between learning and real-world application, you'll design multiple mobile applications across different categories. Each project is carefully selected to introduce new concepts while reinforcing previous lessons, allowing you to steadily improve your design skills without feeling overwhelmed.
A dedicated section explores how AI is transforming the design industry. You'll learn how to use modern AI tools to generate ideas, improve workflows, speed up repetitive tasks, create better user experiences, and become a more efficient designer without compromising creativity.
The course also includes app prototyping and animation in Figma, allowing you to transform static screens into interactive experiences with smooth transitions, micro-interactions, and clickable prototypes. By the end of the course, you'll have designed complete applications that demonstrate professional-level UI/UX skills and are ready to showcase in your portfolio.
What makes this course different?
Learn through 20+ practical projects instead of endless theory.
Beginner-friendly structure that gradually advances to professional-level concepts.
Master Figma using real-world design workflows.
Understand UI/UX principles with practical implementation.
Learn industry-standard design systems and mobile design best practices.
Analyze successful apps to understand what makes great user experiences.
Build complete mobile applications from wireframes to polished interfaces.
Learn modern AI workflows for UI/UX designers.
Create interactive prototypes and animations directly in Figma.
Gain portfolio-ready projects that help you stand out in internships, freelance work, and job interviews.
Who is this course for?
Complete beginners who want to start a career in App Design.
Students interested in learning Figma from the ground up.
Developers who want to design their own applications.
Freelancers looking to offer mobile app design services.
Entrepreneurs who want to visualize and prototype their app ideas.
Designers who want to improve their mobile UI/UX skills with practical projects.
By the end of this course, you won't just know how to use Figma—you'll understand the complete app design process, from planning and wireframing to designing, prototyping, and presenting professional mobile applications. More importantly, you'll build the confidence to design your own apps from scratch using modern UI/UX principles, industry-standard workflows, and the latest AI-powered design tools.