Figmaster plugin is a workbook for Figma that contains a large set of exercises on how to build your modern design system from scratch. Learn keyboard shortcuts, plugins, and techniques of working in Figma that will speed up your workflow.

Hey there Product Hunters👋 Do you or your team want to learn how to build a design system for Figma from scratch? I receive many requests from team managers and individuals like these: Hi Matt, are you available for any freelance work? We need help with doing a color theory audit for our Figma design system and software. There are definite problems as different designers did it, and several parts don't work together. We are trying to find someone great with Figma, Design Systems, and Color Theory. Hey Matt, Would you find a few hours to share your expertise in Figma with our designers? We have been using Figma in cooperation with our customers, and we have some difficult questions to answer. We also want to improve our workflow. Please let me know. I've noticed that many companies 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. I do freelance work and run a couple of side projects: Ant Design System for Figma (3rd Product of the Day on ProductHunt) SystemFlow (2nd Product of the day on ProductHunt) UX Toolkit for Figma (2nd Product of the day on ProductHunt) My time is limited, so I can't help everyone. However, I always dreamed about creating an educational resource to share my knowledge about the design systems and workflow in Figma. I've decided to create a project that will help you! Meet the Figmaster - 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 design 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. In Figmaster, 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, 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 and auto layout. So if you want to learn how to create a Design System from scratch in Figma, this is for you.

@matsugfx Nice! Just sent it to our juniors.

@matsugfx the price is tooo high!!

@matsugfx Why you charge so much for this???

@jefpurple Hey Jeff! The price is not too high. The Figmaster course is the product in which I teach what I've learned during the last 3 years of working in 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 teach people how to use Figma to achieve the same results. Spending $99 to learn what I've learned so far spending thousands of hours working in Figma and Design Systems is the right price.

Looks cool! great work!

@ann_meeval Thank you Ann, glad you like it!

The best way to learn design systems in the best tool available

@roniigoreva Thank you Nika! I'm happy that you like Figmaster! :)

This was a structured and well thought-out method for creating a design system on Figma. By creating the system I learned a huge amount about Figma and good design. I can now customise the system to suit new jobs. I'd recommend buying this once you've exhausted the Figma basic videos on Youtube. This will help you step up to a professional level.

Really nice approach to create step by step a design system using Figma. Well done!

This guide is unique. you can learning by doing about design system with this handbook. Matt share how to speed up creating design system process with plugin and simple thing. on this handbook, you will learn how to create style guide, basic component and implement variant and auto layout. i love that 😍 , and you will get certificate too if you finish this handbook. some of guide is make me confuse because i am not native english, but you can still always check the solution file, so thats fine, in individual license i think that will be good if this handbook have a community or discussion forum too, so we can interact with other people and learn from them too hope this handbook will be update curriculum like adding variables, section and added creating another component and more use case

Figmaster

Build your design system by doing exercises in Figma

Do you use Figmaster?

You might also like