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

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.

Course details

  • 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 structure

    Chapter 4: styles and icons

    • Styles
    • Individual Fonts
    • Icons

    Chapter 5: Building robust & reusable components

    • Advanced auto layout
    • Properties and variants
    • Sharing components

    Chapter 6: Workflow

    • Publishing
    • File history
    • Versioning
    • Branching

    Chapter 7: Mastering Figma

    • Nesting components
    • Property inheritance
    • Preferred values

    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

Interested in a Figma company course?

Get a free offer