Framer Portfolio Navbar

Framer Portfolio Styles

Framer Portfolio Layout

Framer Portfolio Case Study

Checkbox Basics

Checkbox States & UX Patterns

Accessible Checkbox Design

Intro to Input Fields

Text & Checkbox Fields

Radio & Dropdown Fields

Date & File Upload

Password & Search Fields

Field Interactions Basics

Field Interactions Advanced

Navigation Patterns

Mobile Primary Navigation

Desktop Primary Navigation

Secondary Navigation

Contextual Navigation

Search Navigation

Design Engineering Basics

VS Code Basics

Manage Version Control With Git

Streamline UI With TailwindCSS

Build React Web App

Build Swift UI iOS App

Getting Started with Slides

Slide vs. Design Mode

Template Design

Interactive Slides

Spacing Basics

Spacing Systems

Spacing Layouts

Framer Hero Layout

Framer Hero Styles

Framer Hero Parallax

Framer Appear Effects

Responsive & Animated Hero

Planning Stakeholder Interviews

Running & Analyzing Interviews

Understanding Problem Statements

Writing Effective Problem Statements

Revolut UI Styles

Revolut Base Components

Revolut UI Inputs

Revolut UI Component Sets

Revolut Card Components

Revolut Prototype

Netflix UI Styles

Netflix Base Components

Netflix Button Components

Netflix Advanced Components

Netflix Prototype

Airbnb UI Styles

Button Basics

Primary & Secondary Buttons

Framer Navbar Layout

Framer Responsive Navbar

Framer Nav Animation

Framer Navbar Positioning

Prototyping Foundations

Screen-to-Screen Navigation

Interactive Feedback

Motion-Based Interactions

Timed Interactions

Scroll-Based Navigation

Intro to Auto Layout

Auto Layout Basics

Nested Layouts

Auto Layout Resizing

Advanced Auto Layout

Component Basics

Component Variants

Spotify UI Styles

Spotify Base Components

Spotify UI Layout

Spotify UI Cards

Spotify UI Controls

Spotify Prototype

Intro to Figma Layers

Types of Figma Layers

Auto Layout Layers

Grids Basics

Mobile Grid Systems

Tablet Grid Systems

Desktop Grid Systems

Wise UI Styles

Wise Base Components

Wise UI Layout

Wise Prototype

Headspace UI Styles

Headspace Base Components

Headspace UI Layout

Headspace Prototype

Uber UI Styles

Uber Base Components

Uber UI Layout

Uber Prototype

Instagram UI Styles

Instagram Base Components

Instagram UI Layout

Instagram Prototype

Notion UI Styles

Notion Base Components

Notion UI Layout

Notion Prototype

Figma Pages

Intro to Generative Research

Generative Research Methods

Generative Research Plan

Intro to UX Research

Conducting UX Research

Modal Basics

Modal Component

Toggle Basics

Toggle Component

Avatar Basics

Avatar Component

Chips Basics

Chip Components

Font Types

Type Anatomy

Font Weights

Headings in UI

Body Text in UI

Text Variables

UI Color Theory

UI Grey Colors

UI Primary Colors

UI Feedback Colors

UI Color Styles

UI Color Variables