Skip to content
LearnoraHome
Intermediate

Design Systems in Figma

Tokens, variables and components that scale across teams.

Rated 4.8 out of 5(1,420)11,230 students

Created by Maya Chen

Updated July 1, 2026Taught in English

What you'll learn

  • Model color, type and spacing as variables
  • Build flexible components with auto layout
  • Support light and dark themes from one source
  • Document and hand off to developers

Course content

3 sections · 9 lessons · 2 h 6 min total

  • Video:Why design systems fail9 min
  • Video:Tokens and variables17 min
  • Video:Theming with modes14 min

Requirements

  • Comfortable with Figma basics
  • Some UI design experience

Description

Learn to build a production-grade design system: tokens, variables, auto layout, documentation and handoff. Includes a complete starter kit you can adapt for clients.

Your instructor

Maya Chen

Principal Product Designer

Maya has spent twelve years designing products used by millions, most recently leading design systems at a fintech in Manhattan. She teaches the craft the way she practices it: start with the problem, sketch fast, then sweat the details.

View profile

Student reviews

4.8

Course rating

  • 5 stars: 90%
  • 4 stars: 7%
  • 3 stars: 2%
  • 2 stars: 1%
  • 1 star: 0%

  • Mateo García

    Bogotá, Colombia · Aug 20, 2026

    Rated 5.0 out of 5

    The projects make the difference. I finally understand the why, not just the how.

  • PD

    Priyanka Das

    Bangalore, India · Jun 10, 2026

    Rated 5.0 out of 5

    I switched careers partly thanks to this course. The portfolio project got me two interviews.

  • LM

    Lucas Moreau

    Lyon, France · May 24, 2026

    Rated 5.0 out of 5

    Thoughtful, honest teaching. No filler, just useful lessons and great examples.

  • Camila Torres

    Mexico City, Mexico · Jul 13, 2026

    Rated 5.0 out of 5

    Having it available in Spanish helped my whole team join. The certificate was a nice bonus for LinkedIn.

Students also bought

Bestseller

Design

UI Design Foundations

by Maya Chen

Rated 4.9 out of 5(3,184)
2 h 11 min10 lessonsBeginner
$79$129Save 39%
Bestseller

Development

Modern React & Next.js

by Daniel Okafor

Rated 4.9 out of 5(5,210)
2 h 21 min10 lessonsIntermediate
$129$189Save 32%
$99