Academy

Figma 02: Building a design system and evolving your design process

Learn how to build a full design system from scratch. This includes building blocks like colors and types as well as creating robust components. During this course, you will learn many tricks and tips to speed up your workflow.

Subjects that will be discussed:

  • Styles and icons
  • Building robust & reusable components
  • Bringing your design system to life

Course duration

1.5 days

Course objectives

You will learn how to...

... build a full design system from scratch.

... create the building blocks like colors and types.

... auto layout elements in a meaningful way.

... build robust components.

Course overview

The aim of this module is to enable you to build a design system. We will show you how to add different building blocks within Figma and cover some of the most common pitfalls.

With a design system in place, you’ll then learn how to distribute and maintain this system for a bigger team or company.

We will use a mixture of theoretical explanation and practical exercises for everyone to follow along and try it out. During the course, you will also learn many tips and tricks to speed up your workflow, spot mistakes and much more.

This course is the second of three modules of the "Figma – from zero to hero" program. The module can be booked individually or in a bundle for a discounted price. Get more information here.
 

The course is split into the following chapters:

Chapter 4: Styles and icons

Chapter 4: Styles and icons

  • Styles
  • Individual Fonts
  • Icons
Chapter 5: Building robust & reusable components

Chapter 5: Building robust & reusable components

  • Advanced auto layout
  • Properties and variants
  • Sharing components
Chapter 6: Workflow

Chapter 6: Workflow

  • Publishing
  • File history
  • Versioning
  • Branching
Chapter 7: Mastering Figma

Chapter 7: Mastering Figma

  • Nesting components
  • Property inheritance
  • Preferred values
Chapter 8: Putting it all into practice

Chapter 8: Putting it all into practice

  • Bringing your design system to life
  • Plugins and widgets
  • Best practices

Target group

This module is geared towards designers and UX specialists who want to learn how to build a design system within Figma.

Prerequisites: Topics covered in Module 1

Ask for a corporate course

Get a free offer for a corporate training, tailored to your needs.

Ask for a course

Show interest in a public course

Contact us if you are interested in a public course.

Show interest