<?xml version="1.0" encoding="utf-8"?>
13 Core Visual Design Principles  Lesson
Lesson

13 Core Visual Design Principles

Explore the tried-and-tested guidelines of design used to ensure exceptional user experience
Image Types and Formats Lesson
Lesson

Image Types and Formats

Learn the different image types and formats and each of their use cases
Visual Design Principles in Practice Lesson
Lesson

Visual Design Principles in Practice

Understand how to practically implement guiding design principles for exceptional UX
Intro to Design Layouts Lesson
Lesson

Intro to Design Layouts

Acquaint yourself with the building blocks that make up a design's basic architecture
Anatomy of UI Components Lesson
Lesson

Anatomy of UI Components

Understand the anatomy of different UI components to create unique UIs tailored to user needs
Elements of UI Design  Lesson
Lesson

Elements of UI Design

Explore the elements that shape intuitive, consistent, and visually captivating UI experiences
Atomic Design by Brad Frost Lesson
Lesson

Atomic Design by Brad Frost

Learn how atomic design helps craft scalable, consistent, and efficient user interfaces
Color Terminology Lesson
Lesson

Color Terminology

Understand the different aspects and properties of color
Intro to Design Grids Lesson
Lesson

Intro to Design Grids

Discover the different types of grids and how they can be used to craft your design layout
Figma Toolbar Lesson
Lesson

Figma Toolbar

Learn how to make use of Figma's most popular toolbar to speed up your design process
Intro to HTML Elements Lesson
Lesson

Intro to HTML Elements

Gain an understanding of the purpose and functionality of common HTML elements, and how they contribute to the overall design
Technical UI Terms Lesson
Lesson

Technical UI Terms

Explore UI terms that should be a non-negotiable part of your design vocabulary
How to Use Visual Design Elements  Lesson
Lesson

How to Use Visual Design Elements

Explore the fundamental properties of design elements that play a crucial role in establishing the tone, mood, and visual appeal of digital products
Basics of Design Composition Lesson
Lesson

Basics of Design Composition

Learn the art of arranging elements within a design for an aesthetically pleasing and engaging user experience
Intro to Design Elements Lesson
Lesson

Intro to Design Elements

Dive into the world of design elements, fundamental building blocks of visual design that are combined to create compelling compositions
Geometric Perception and Design Composition Lesson
Lesson

Geometric Perception and Design Composition

Understand the way different shapes are perceived and how they can influence user behavior
Intro to Service Design Lesson
Lesson

Intro to Service Design

Find out what exactly goes into designing a service and what its numerous applications are
Repetition in Design Composition Lesson
Lesson

Repetition in Design Composition

Uncover how to strategically repeat design elements such as colors, shapes, patterns, and typography to establish a sense of unity, balance, and rhythm within your designs
Strokes in Figma Lesson
Lesson

Strokes in Figma

Learn when and how to use different stroke styles and properties in Figma.
Design Systems vs. UI Kits vs. Style Guides Lesson
Lesson

Design Systems vs. UI Kits vs. Style Guides

Recognize how design systems, UI kits, and style guides work together to shape consistency, speed, and collaboration in digital products.
Tokens: The DNA of a Design System Lesson
Lesson

Tokens: The DNA of a Design System

Use design tokens to turn visual styles into structured, reusable rules for consistent products.