One membership – all videos
Learn UX, UI Design + Figma with pre-recorded premium video classes.
01. UX and UI Basics
Become a UI Designer, get your basics right.
Design Principles
Understand visual hierarchy, Gestalt principles, and essential rules for creating effective designs.
45min
Usability Principles
Learn key UX principles, including heuristics and best practices for user-friendly design.
60min
02. Interface Design with Figma
The complete Figma course, from beginner to advanced.
Getting Started with Figma
A comprehensive walkthrough covering everything from absolute beginner to advanced features. Short and focused, with everything you need to know.
+ hands-on course project.
4h
Deep Dive: Figma Variables
Let’s explore Figma variables—from basic setup to organising with collections, using modes for responsive typography, and diving into advanced prototyping.
1h
Deep Dive: Components & Variants in Figma
Deep dive into setting up and documenting your UI design correctly with a component-based approach.
2h
Deep Dive: Auto Layout, Constraints, Breakpoints & Mode
Take a deep dive into the tricky but essential task of setting up responsive components and pages in Figma—a must-have skill for every UI designer.
1,5h
Deep Dive: Prototyping with Figma
Bring your design to life with Figma prototyping. Learn how to create basic prototypes, use smart animations, build reusable interactive components, and prototype with variables.
2.5h
Deep Dive: Documenting & Collaborating
Learn how to collaborate from design to development, covering everything from basic stylesheets to advanced techniques like shared libraries and integration with design systems.
2h
03. CSS and UI Design Fundamentals
Demystifying all those topics you never entirely understood between Code and UI Design. Ideal for designers and developers who want to understand each other's world a little better.
Mastering Modern CSS Layout for UI Designers
Understand CSS layout tools like Flexbox, Grid, media queries, and container queries—explained in a UI designer-friendly way to improve communication with developers and Figma setup.
1h
Layout Basics in UI Design
Resolution, screen and design sizes, component-based design, spacing systems—let’s demystify all those little things everyone uses but rarely explains in depth.
30min
UI Typography Fundamentals
Covers everything from the basics of building a solid hierarchy to bridging the gap between design and development, with practical guidance on how to do it all in Figma.
1h
Colour in UI Design
Let’s dive a little deeper and set up an accessible colour stylesheet with hex values, colour variants, and clear documentation for development.
30min
Images in UI Design
Find, use, and play with images in your UI—what to consider and how to do it well.
15min
Join the Newsletter
Sign up to get informed about new releases, articles, and general tips about UX/UI Design and Figma.
04. Building, Coding & AI
Break out of your design file and see your creations come to life. No coding experience is needed — just a willingness to try something new.
Bring Your Ideas to Life: Code with Cursor AI
If you’ve ever wanted to break out of your design file and bring your UI to life with code, this course is for you. No coding experience needed—just a willingness to try something new.
1h
Figma Sites: Build and Launch a Website
Stay inside your favourite design tool and bring your layout to life. Build and launch a real website using Figma Sites—quick, simple, and code-free.
Figma Make: Build Smart AI Prototypes
Stay inside your favourite design tool and bring your ideas to life with AI. Prompt your way from static designs to interactive, high-fidelity prototypes—fast, flexible, and perfect for testing new concepts.
Build an App with Manus AI Agent
Meet Manus—an AI agent that works with you to design, build, and launch real apps. It handles UI, logic, and data setup through smart, conversational guidance, making complex tasks fast and intuitive.
Join the Newsletter
Sign up to get informed about new releases, articles, and general tips about UX, UI Design and Figma.
