Search courses

    Trending Courses
    Learners Favourite

    UI/UX Product Design Mastery: Research, Figma, Prototyping & AI

    Go from user research and wireframes to Figma prototypes, usability testing and developer handoff, with AI-assisted design workflows along the way.

    • 25 Modules
    • 79 Lessons
    • 0 Students
    • English
    • Certificate on completion
    UI/UX Product Design Mastery: Research, Figma, Prototyping & AI

    Course Overview

    This project-based course follows the product design process in the order working teams use it. You start by framing a problem and planning research, then move through user interviews, affinity mapping, personas, journey maps, information architecture, user flows and wireframes. In Figma you will learn frames, components and variants, Auto Layout, responsive layouts with variables, colour and type systems, and design tokens. You will then build high-fidelity screens, prototype interactions, check accessibility and colour contrast, run usability tests, write clear error messages, and prepare developer handoff specifications. The final modules cover AI-assisted workflows with Figma Make and the Figma MCP, including where AI genuinely speeds up research and design and where human judgement, testing and quality control remain essential. A capstone module applies prototyping and validation to a single feature, and a portfolio module shows how to structure a case study that explains your decisions.

    • 25 modules
    • 79 lessons
    • 25 module quizzes
    • Taught in English
    • Beginner to Advanced level
    • Certificate on completion

    Course Content

    25 modules79 lessons25 quizzes

    • 7 Must-Know UI/UX Laws Every Designer Should Know8:58
    • Welcome to the Course: What You'll Build and Learn2:48
    • The Scope and Future Demand for UI/UX Designers9:15
    • UI vs UX: Understanding the Real Difference9:08
    Module quiz · 30 questions

    • Atomic Design Principles15:35
    • What Are UI Elements? Groups and Containers12:53
    Module quiz · 30 questions

    • Core UI Design Principles34:36
    • Deep Dive: Good vs Bad UI Design42:36
    Module quiz · 30 questions

    • Understanding Colour for UI and the 60-30-10 Rule15:48
    • What Is a Style Guide?9:55
    • What Is a Design System?35:11
    Module quiz · 30 questions

    • Inclusive Design and Its Principles24:45
    • Accessibility Fundamentals: Content, Structure & Device-Independent Design43:34
    • WCAG Guidelines, Media & Building an Accessibility Sheet35:35
    Module quiz · 30 questions

    • What Is Usability Evaluation, and How Is It Done?49:34
    • Quantitative vs Qualitative Usability Testing16:16
    • Understanding User Load19:55
    Module quiz · 30 questions

    • UX Design Patterns Explained, with Real Website Examples42:00
    Module quiz · 30 questions

    • The 6 Core Laws of UX: Fitts', Hick's, Jakob's, Serial Position, Tesler's & Zeigarnik14:15
    Module quiz · 30 questions

    • User Research Design: A Full Case Study29:17
    • Brainstorming, Mapping & Ideation Techniques41:27
    • UX Workshop Case Study: Doctor Appointment App41:19
    • UI Workshop Case Study: Card Design1:09:24
    Module quiz · 30 questions

    • UI/UX Designer Interview Questions and Answers44:22
    Module quiz · 30 questions

    • Who Is a Designer? Why Learn Figma12:09
    • Installing Figma on Mac and Windows2:53
    Module quiz · 30 questions

    • Exploring the Figma Browser Page & Editor8:15
    • Move Tool, Frames, Shape, Creation & Text Tools11:00
    • Resource Panel, Hand Tool & Commenting2:33
    Module quiz · 30 questions

    • Building a Colour Palette & Low-Fidelity Wireframe6:01
    • Creating a Style Guide7:04
    • Creating Components & Boolean Operations15:09
    • Constraints & the Layer Panel14:09
    • Creating a Layout Grid in Figma6:32
    Module quiz · 30 questions

    • Designing a Travel Website in Figma, Start to Finish45:05
    Module quiz · 30 questions

    • Car Dealership Website Design10:05
    • Creative Gradients in Figma6:29
    • Creating a Quick 3D Website Design6:51
    Module quiz · 30 questions

    • Tomato Food Delivery App: Full Build1:17:18
    Module quiz · 30 questions

    • Donut App: Full Build22:55
    Module quiz · 30 questions

    • Nike-Inspired App: Full Build45:48
    Module quiz · 30 questions

    • Image Slider Project19:18
    • Multi-Dimensional Components9:47
    Module quiz · 30 questions

    • Rotating Can Website: Full Build42:21
    Module quiz · 30 questions

    • Why AI Is a Lever, Not a Replacement for Design Thinking7:33
    • Figma Make for No-Code Apps34:38
    • Figma Make for Website Prototyping22:50
    • Figma Sites Basics22:00
    • Building a Website with Figma Sites20:01
    • Figma MCP: Design to Code, and Final Thoughts11:36
    Module quiz · 30 questions

    • How to Become a UI/UX Designer2:19
    • Complete UI/UX Design Course Overview9:07
    • Don't Start UI/UX Design Without Watching This6:53
    • Designing a Splash Screen in Figma19:17
    • Designing a Sign In Page in Figma16:12
    • Designing a Sign Up with Email Screen6:06
    • Designing a Sign Up with Password Screen13:06
    • Designing a Welcome Page in Figma11:49
    • Designing a Welcome Fill Screen2:36
    Module quiz · 30 questions

    • Designing a "What Will You Use This App For?" Screen8:17
    • Designing an Interests Selection Screen10:55
    • Designing a Reminder Screen with Time Selection Popup17:50
    • Case Study: The Oxcel App's Subscription UX4:48
    • Designing a Subscription Screen with Components38:48
    • Designing a Customising Screen with Components4:36
    Module quiz · 30 questions

    • Designing a Detailed Course Page18:21
    • Drawing Custom Icons in Figma4:13
    • Designing a Leaderboard Icon6:19
    • Designing a Bookmark Icon2:28
    • Creating Saved & Profile Icons5:55
    • Designing a Smart Navigation Component11:08
    • Designing the Explore Page: Search & Categories22:29
    • Designing a Leaderboard Screen9:35
    • Explore Page & Prototyping: Search, Categories & Auto Layout13:48
    Module quiz · 30 questions

    • Designing a Profile & Settings Page34:31
    • Designing the Settings Screen9:29
    • Daily UI Challenge Day 1: Sign Up Page3:10
    • Daily UI Challenge Day 2: Credit Card Checkout Screen3:01
    • Daily UI Challenge Day 2: Mood Board Creation7:19
    Module quiz · 30 questions

    Skills You'll Gain

    • Apply core UX laws (Hick's, Fitts's, Jakob's, and more) to real interface decisions
    • Break interfaces into atomic design elements, UI components, and reusable groups
    • Apply visual hierarchy, consistency, and core UI design principles across a product
    • Build and apply colour systems, style guides, and a documented design system
    • Apply inclusive design and accessibility principles beyond basic contrast compliance
    • Plan and run usability evaluations and testing to validate design decisions
    • Recognize and apply established UX design patterns to common interface problems
    • Conduct UX research, run ideation workshops, and ground design in real case studies
    • Prepare a UI/UX portfolio and interview confidently for design roles
    • Install Figma and navigate its interface, tools, and core workspace confidently
    • Build and organize components, auto layout, and design systems directly in Figma
    • Design complete beginner-to-advanced web projects end-to-end: travel sites, dealership pages, and gradient/3D visuals
    • Design intermediate mobile/web product flows: food delivery and e-commerce-style ordering apps
    • Design advanced, brand-driven interfaces with rich interaction and multi-dimensional components
    • Build 3D and rotating visual elements for modern, high-polish website design
    • Use AI-assisted tools in Figma (Figma Make, Sites, and MCP) to accelerate design-to-code workflows
    • Design mobile app onboarding, personalization, and subscription/paywall UX flows
    • Design icons, navigation systems, and content screens for mobile apps
    • Design profile, settings, and daily-practice UI challenges to sharpen design speed and range

    Requirements

    • No prior UI/UX experience needed. A Windows or Mac computer with internet access. Basic digital literacy helps. A free Figma account
    • set up in the first module.

    Who this course is for

    • Beginners who want to start a product design career
    • students building a UX portfolio
    • and designers moving from visual work into research and interaction design. No design training is assumed. You will learn to frame a problem
    • plan and run research
    • map users and flows
    • design and prototype screens in Figma
    • test with real people
    • and hand designs over to developers in a form they can build from.

    Sources

    UI/UX Product Design Mastery: Research, Figma, Prototyping & AI
    Free
    0 enrolled
    No payment, no trial, no catch — ever
    25Modules
    79Lessons
    24h 43mDuration
    Beginner to AdvancedSkill level
    EnglishLanguage
    YesCertificate
    Share this course
    Questions about this course?Contact our team

    Ready to start
    learning for free?

    No cost, no catch — just real courses.

    Latest News

    Free, structured courses that build practical skills you can translate directly into a tech career.

    Want new courses
    the moment they launch?