Introduction to Design Systems

Dive into the world of design systems in this 40-minute free course. Explore the concept, benefits, and implementation of design systems to enhance web design efficiency. Learn about different types of design systems, their structure, and key components like design tokens, principles, color, spacing, and typography. Gain insights from examples of major companies' design systems and acquire the knowledge to create your own. Discover how to unlock the power of design systems to build products faster by adhering to predefined components and principles. By the end of this course, you'll be equipped with the essential information to develop a design system for yourself or your team, improving your web design workflow and effectiveness.

00:00:00 1.1 Welcome to the Course
00:01:50 2.1 What Is a Design System?
00:11:04 2.2 The Structure of a Design System
00:15:04 2.3 Types of Design Systems
00:19:12 3.1 Design Tokens and Principles
00:26:31 3.2 Color, Spacing, and Typography
00:34:40 3.3 Going to the Next Level With Design Systems