Edit product

$99

Figmaster (Individual License)

Learn more on the official website

What is Figmaster?

In short, the Figmaster is a plugin for Figma. It's a workbook that contains a large set of exercises on how to build your modern design system from scratch.

How does it work?

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, plug-ins, and techniques of working in Figma that will speed up your workflow. Everything happens in Figma - no distractions.

Who's the author?

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

Create your design system

My products facilitate the work for thousands of designers, developers, and entrepreneurs. As the creator of many design systems and component libraries - I want to share the knowledge I acquired in over four years of using Figma. In the Figmaster, you will learn how to create a system similar to those mentioned above.

Course description

Design Systems are becoming so popular because they make products more consistent, accessible, improve their usability, and reduce design decision-making.

Nowadays, companies and individuals need to learn how to design advanced components, style guides, and documentation in Figma. Improving the workflow and onboarding the new designers to the team is also a challenge.

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.

In this course, you will learn how to set up all the needed design tokens, such as defining proper grids, layouts, spacing, managing icons, choosing and creating color and typographic scales. You will also learn how to make the components like buttons, inputs, modals, text areas, checkboxes, notifications, radio buttons… You will learn how to name components correctly using naming conventions and translate your components into variants. You will also learn how to improve your workflow by using handy keyboard shortcuts, plugins, and tricks. At the end of this course, you will create your own complete Design System and apply it anywhere with confidence.

In the team version, you will learn how to work on a design system in a team and how to onboard new designers with the Figmaster. I will also share resources so you can learn more about design systems theory and get inspiration from the existing systems.

We will use the full potential of Figma, making our Design System with variants, auto layout, and the latest Figma feature: interactive components. 🎉

So if you want to learn how to create a Design System from scratch in Figma, this is for you.

What's inside?

Module 1. Style guide (available now)

Figmaster Design System (available now)

Module 2. Components (available now)

Module 3. Documentation (available June 2021)

Module 4. Use it (available June 2021)

You've purchased this product

See it in your library

View in Library
Sorry, this item is not available in your location.
Sold out, please go back and pick another option.

0 ratings

  • ZIP file includes
  • Plugin AccessLicense Key
  • Figmaster - Lessons File.fig
  • Figmaster - Solutions File.fig
  • Figmaster Design System.fig
  • Getting Startedweb link

Checkout

Figmaster (Individual License)

Enter your info to complete your purchase

Card

···· ···· ···· 4242
Test card

05/18

Card

Use a different card?

Card

pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$99.

Your purchase was successful!

We charged your card and sent you a receipt

Summary

    Gumroad Library

    Download from the App Store or text yourself a link to the app

    ⬇⬇⬇⬇⬇⬇⬇⬇⬇
    Thank you for the support! Make sure to read the Getting Started file included in the zip.

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad