Previous Lecture
Complete and continue
UI/UX Design Systems: Designing Scalable Interfaces in Figma
Design Tokens & Visual Foundations
What Makes a Scalable Design System?
(10:45)
Building Mathematical Spacing & Typography Scales
(15:45)
Color Tokens, HSL Harmonies & WCAG 2.1 Contrast Testing
(10:43)
Figma Variables & Theme Switching
Introduction to Figma Variables: Numbers, Strings & Colors
(17:39)
Implementing Seamless Dark Mode with Token Aliasing
(18:12)
Multi-Brand & Multi-Density Variable Modes
(14:58)
Component Architecture & Auto-Layout
Button Architectures: Sizes, States, Icons & Slots
(22:54)
Form Inputs, Dropdowns & Accessible Error States
(12:38)
Modals, Navigation Bars & Responsive Layout Templates
(20:32)
Documentation & Developer Collaboration
Documenting Components in Figma & Storybook Alignment
(19:39)
Inspecting Code Properties & Dev Mode Optimization
(10:28)
Versioning, Publishing & Managing Breaking Changes
(21:46)
Lecture
Implementing Seamless Dark Mode with Token Aliasing
Lecture content locked
If you're already enrolled,
you'll need to login.
Enroll in Course to Unlock
Log In
×
E-Mail Address
Password
Remember Me
Forgot Your Password?
Login
Don't have an account?
Sign up