Figmaster

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

Figmaster | Design systems workbook for Figma

About

Figmaster is a comprehensive workbook plugin for Figma designed to guide users in building a modern design system from scratch. This tool is particularly helpful for designers and teams looking to establish a consistent and efficient design process. By using Figmaster, users can acquire practical knowledge and start applying it immediately.

Details

The key features of Figmaster include:

  • Module 1: Style Guide - Create design tokens, convert them into Figma Styles, prepare an icon library, and set up spacing rules (8 chapters)
  • Module 2: Components - Build pixel-perfect components using Styles, icons, and rules from the previous module, with auto layout and variants (18 chapters)
  • Module 3: Documentation - Create documentation components and frames, document components and styles, and learn to use auto layout for a documentation page in Figma (11 chapters)
  • Module 4: Use it - Build a simple UI with the design system and learn to customize it for specific needs (5 chapters)
  • Module 5: Team license bonus - Learn to work with the design system in a team, onboard new designers, and access additional resources on design systems (available only

Related tools

SponsorreShorts

Generate viral shorts, fast

AI Video Generation
SponsorHeadshotLab

Instant Professional Headhost

AI Headshot
SponsorGasbyAI

Fancy AI personal asistant

AI Assistant
SponsorCSV Table

View & edit CSV, JSON files for Pros

macOS
Founders' Book

Build, launch and scale your startup with the #1 platform of tools and resources for first-time founders and early-stage startups. We help founders succeed.

BusinessEbook
CryptoHack

A fun free platform to learn about cryptography through solving challenges and cracking insecure code.

CryptographyLearning
Backlinko

It's time to get backlinks that make a difference. Backlinko is the place for next-level SEO training and link building strategies.

LearningNewsletter
Checklist Design

A collection of the best design practices.

DesignLearning
Littler Books

Read top nonfiction books in minutes. Bullet point summaries written by humans.

ProductivityLearning
Codecademy

Learn the technical skills you need for the job you want.

Learning
Grammar AI

Improve your English skills with our AI-powered tutor and get instant feedback on your progress. Try it now and start achieving your language goals today!

Learning
Frontend Practice

A collection of real websites for developers to recreate to improve and test their skills.

DevelopmentLearning
PD able

The ultimate Professional Development recording and tracking software

Human ResourcesLearning
GAJIX

Use the GAJIX AI Learning assistant to understand every subject, and every website – fast.

AILearning