Skip to content

CoursesDesign

Design systems in Figma

Audit, build and run a design system that product teams actually use.

Level
Advanced
Lessons
4
Time
4 h 20 min
Teacher
Anders Lindqvist
Enrol for $119Watch lesson one free →
Anders Lindqvist, Design systems lead in Stockholm

What you will learn.

  1. 01Audit an existing product and find what to systemise first
  2. 02Set up variables and tokens that map to code
  3. 03Build a component library with clear rules
  4. 04Document and govern the system as it grows

Most design systems fail quietly: nobody uses them, or everybody uses them differently. This course is about the decisions that prevent that, from naming tokens to deciding who can add a component.

Anders works through the system he built for a retailer with twenty product teams, and you build a smaller version of it alongside.

Who it's for

  • Product designers who maintain a shared library
  • Design leads starting a system from an existing product
  • Front-end developers who work closely with design

The curriculum.

4 lessons, 4 h 20 min in total. The first 2 are free to watch.

  1. 01Auditing what you already haveScreenshot, count and group every pattern in a product before building anything.50 min Free
  2. 02Variables and design tokensSet up colour, spacing and type as variables that map one to one to code.1 h 10 min Free
  3. 03Building the component libraryBuild the first ten components with clear anatomy, properties and slots.1 h 20 min Locked
  4. 04Documentation and governanceWrite documentation people read, and decide how the system changes over time.1 h Locked
Anders Lindqvist, Design systems lead in Stockholm

Your teacher

Anders Lindqvist

Design systems lead, Stockholm

Anders leads the design system team at a Swedish retailer with more than twenty product squads. Before that he spent a decade as an interface designer and front-end developer, which is why his components always ship with code.

He cares about the boring parts that make a system last: naming, documentation and saying no to the fourteenth button style.

More from Anders →

This course

$119

Pay once, keep it for life

  • All 4 lessons of Design systems in Figma
  • Exercise files and source code
  • Every future update, free
Enrol for $119

All access

$349

Every course, and every new one

Learning more than one thing? All access costs less than four courses bought one by one.

Compare plans

Questions, answered.

  • How long do I have access?

    For life. You pay once and keep the course, including every update.

  • Do I need to install anything?

    Only what the first lesson lists, and it is all free. Each lesson notes any tools it uses.

  • Is there a certificate?

    No. We would rather you leave with a finished project you can show than a PDF.

  • What if it isn't for me?

    Write to us within 14 days and we refund you in full.

Keep going.

More courses that pair well with this one.