Skip to content
DesignIntermediate

Visual Systems Mastery

Design tokens, component architecture, and the science of visual coherence

Elena Vasquez teaches you to build design systems that scale from a single screen to an entire product suite — with the rigour she applied at Figma and Apple.

4.9(847 reviews)
6,776 learners enrolled
11h total
11 lessons
EV
Elena Vasquez
Principal Designer, Systems
Visual Systems Mastery — Design course
$249one-time
Preview first lesson

Demo only — no real charge. Clicking “Enroll” simulates enrollment.

30-day satisfaction guarantee

What you'll learn

  • Architect a token-based design system from first principles
  • Build a component library with documented variants, states, and accessibility notes
  • Establish naming conventions that survive team growth and product pivots
  • Conduct a design audit and migrate a legacy product to a living system
  • Write a design system charter that aligns design, engineering, and product

Curriculum

3 modules · 11 lessons · 11h total

  • Why systems fail: the five failure modes
    18 min
    Preview
  • The anatomy of a design token
    22 min
  • Primitive, semantic, and component tokens
    27 min
  • Naming conventions that actually scale
    19 min

Requirements

  • Comfortable with Figma or a similar vector tool
  • At least 1 year working on a product design team
  • Basic familiarity with design tokens (hex values, spacing units)

About the instructor

EV

Elena Vasquez

Principal Designer, Systems

Former VP Design at Figma · Ex-Apple HIG team · 18 years in product design

Elena Vasquez spent a decade shaping the visual language of products used by hundreds of millions of people. At Figma she led the design systems initiative that became the industry standard for collaborative component architecture. Before that, she was part of Apple's Human Interface Guidelines team during the iOS 7 redesign. Her teaching philosophy centers on the belief that great design is a rigorous discipline, not a talent — one that can be learned, practised, and refined through deliberate study of constraint, hierarchy, and intent.

Full profile

Student reviews

The three-tier token model alone was worth the entire course price. I've built design systems at three companies and this is the first time I've had a coherent framework for the naming decisions that used to be purely intuitive.

TH
Tanaka Hiroshi
Senior Product Designer, Stripe

Elena's course changed how our entire team thinks about components. We rebuilt our library using the module on variant matrices and cut our design-to-engineering handoff time by roughly half.

BS
Beatriz Santos
Design Lead, Linear
Figma Deep Dive — Design course
DesignBeginner

Figma Deep Dive

Elena Vasquez

4.7(1,203)
6h
15 lessons

Elena Vasquez teaches Figma from the inside — the system architecture behind the UI, not just the toolbar buttons.