person
$99 $199
people
$299 $399
Get Figmaster
Promo ends in:
0
d
0
h
0
m
0
s
Figmaster - Build your design system by doing exercises in Figma | Product Hunt
Figmaster plugin

The world's first design systems workbook for Figma

Learn how to build your own design system from scratch by doing exercises in Figma

Learn how it works in 2 minutes ūüĎá
 

"Learn figmaster"

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."

Jackie Forman
CEO at Company

Learn by doing

Figmaster plugin is a workbook for Figma that contains a large set of exercises on how to build your modern design system from scratch.

By doing exercises in Figma, you learn and create your guide style and component library simultaneously. It is a format that will help you get the most out of each lesson. By learning - you create, and by the way, you get to know keyboard shortcuts, plugins, and techniques of working in Figma that will speed up your workflow. Everything happens in Figma - no distractions.

program

What you will learn

In Figmaster, you will learn how to create a design system from scratch in Figma. The Figmaster is purely and simply about practice, so you can start using acquired knowledge right away.

Available now
Module 1

Style Guide

In the first module, we'll create design tokens and convert them into Figma Styles. We'll prepare the icon library for the entire system. We'll also set up some spacing rules that we'll follow in the next modules.

Available now
Module 2

Components

In the second module, we'll use the Styles, icons, and rules from the previous module to create the components. We'll use auto layout and variants to build pixel-perfect components.

Available June 2021
Module 3

Documentation

In the third module, we'll create documentation components and frames. Then, we'll document our components and styles. In this module, you'll also learn how to make your components interactive.

Available June 2021
Module 4

Use it

In the fourth module, we'll build a simple UI with our design system. I'll also show you how to customize it for your needs. That is, change the colors, typography, or component properties to match your product or brand requirements.

Available June 2021
Module 5

Team license bonus*

In the last module, I'll show you how to work with a design system we created in a team. You'll also learn how to onboard new designers to the library. As a bonus, you'll also get access to additional resources on design systems, such as links, articles, book recommendations, etc.
‚Äć
*only available in the team license

read_more

Need more details?

Learn more about the Figmaster and explore the table of contents to check what's inside

Learn more
Preview

What you will build

Available now

Figmaster Design System

In the course, you will learn how to build a design system like this one from scratch. You will get access to the full system too. Preview it in Figma to learn what's inside.

The author

Matt Wierzbicki

My name is Matt Wierzbicki, and I am a product designer specializing in creating comprehensive design systems for Figma. I'm the creator of the Ant Design System for Figma, Product Design Kit for Figma, UX Toolkit for Figma, and the co-founder of SystemFlow. Up until now, I've built dozens of systems, including client work and side projects.

If you are wondering how I'm finding the time to do freelance work and all these projects after hours, it's simple. The products I'm doing, I create for my own workflow - to help me deliver client work faster. In Figmaster, I want to show you how to use Figma to achieve the same results. I want to teach you Figma so you can use it like Chopin used to play the piano.

Benefits

How it will help you

brush

UI Designers

  • check
    Improve your workflow with your own design system
  • check
    Easily transition from other UI tools to Figma
  • check
    Learn how to build complex components
  • check
    Document your components and styles
  • check
    Earn passive income by selling your own UI kits
groups

Design Teams

  • check
    Improve the quality and consistency of the projects
  • check
    Create and work on a design system in a team
  • check
    Onboard new designers to the Figma environment
  • check
    Educate your team
  • check
    Onboard designers with hearing disabilities thanks to accessible plugin
science

UX Designers

  • check
    Convert your wireframes and user journeys into beautiful designs
  • check
    Learn how to work with Figma efficiently
  • check
    Improve your design skills and make your projects consistent and documented
  • check
    Stop relying on UI designers and do your own pixel-perfect designs
code

Developers

  • check
    Create your own design system from scratch without relying on designers
  • check
    Keep your designs consistent, accessible and well-documented
  • check
    Learn how to create beautiful components and designs
  • check
    Improve your workflow
Figmaster - Build your design system by doing exercises in Figma | Product Hunt
Testimonials

What do future Figmasters say?

star
star
star
star
star
This is the most practical way I've seen for design system professionals to train on method, practice, and tools ‚Äď all at once.
Parker Simon
Lead Product Designer
star
star
star
star
star
It's just great! Bought it for my whole design team and people love it. I totally recommend it to those who want to structure and update their Figma skills. Just get it ‚Äď you will not regret it!
Natalia Bienias
Head of Design
star
star
star
star
star
My team and I are working on a design system for our product ecosystem. The announcement about Figmaster came at just the right time because we can now create a design system interactively as a team and also learn a lot about design systems and Figma in general.
Michael Siregar
UX Engineer
star
star
star
star
star
The FigMaster Design System Workbook by @matsugfx is simply amazing. I always got overwhelmed looking at DS before but he breaks he step by step very nicely. Highly recommended if you want to learn Design Systems!
Mukul Ishwar
Product Designer
View more testimonials
arrow_forward
Ready to become the figmaster?

Start learning today

Get access to the course and learn how to build your own design system from scratch in Figma!