Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Design Systems Foundations
Files & Resources
Design Systems Checklist
Figma UI Components Kit
Design System Basics with Figma
Introduction to Design System Basics with Figma (4:18)
Scalable Color Palettes (22:57)
Practice: Assignments
Practice: Solutions (3:35)
Scalable Typography (16:13)
Practice: Assignments
Practice: Solutions (0:57)
Scalable Spacing System (7:11)
Elevation as a Foundational Element (8:23)
Iconography (4:45)
Creating Buttons (17:14)
Practice: Assignments
Practice: Solutions (1:44)
Input Fields and Dropdowns (11:41)
Practice: Assignments
Practice: Solutions (4:35)
Selection Controls (18:04)
Practice: Assignments
Practice: Solutions (2:41)
Design System Tips and Tricks (in Figma) (5:36)
Design System Foundations
Design System Example Walkthrough (12:15)
Using a Design System (8:00)
Input Fields and Dropdowns
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock