Design Systems from Scratch

By Sarah Chen · 3,225 students enrolled ·

4.8 (214)

Lifetime access Learn at your pace
Certificate On completion
14-day guarantee Money-back policy

Skills you'll gain

Design TokensComponent ArchitectureFigma VariantsMulti-brand ThemingDesign DocumentationAccessibility

What you'll learn

Why design systems fail
Audit your existing UI
Token architecture
Color system (primitives → semantics)
Typography scale
Buttons & CTAs
Form inputs & validation states
Cards & containers

Who this course is for

Product designers ready to systematize their UI work
Design leads who own a growing component library
Freelancers who want to deliver scalable design systems to clients

Requirements

Comfortable with Figma fundamentals (frames, components, auto-layout)
Basic understanding of UI design principles
No coding required — everything is built in Figma

This course includes

≈ 4 weeks at 3h/week

12 hours of on-demand video
42 lessons
18 downloadable resources
Critique sessions (individual recordings)
Access on mobile and desktop
Full lifetime access
Certificate of completion

Earn a certificate

Certificate

of completion

Design Systems from Scratch

Instructor · Sarah Chen

HorizonX

Finish every lesson to earn a shareable certificate of completion — add it to your LinkedIn profile or résumé to showcase your new skills.

Add to your LinkedIn profile

About this course

Learn how to architect, build, and maintain a design system that scales. This course takes you from a blank Figma file to a fully documented component library with design tokens, semantic color schemes, typography scales, spacing systems, and 50+ production-ready components. You'll learn the decision-making framework behind every choice — when to use variants vs. component properties, how to structure token hierarchies for multi-brand support, and how to write documentation that developers actually read. By the end, you'll have a complete design system you can use in your own projects, plus the methodology to maintain and evolve it over time.