Plugins

Atmos

Atmos has everything you need to create color palettes for UI. Quickly and easily create beautiful, uniform, accessible palettes, save hours, and save hours juggling with a dozen other tools.

Quantum

Quantum keeps your Design System always in sync, auto-documented, and aligned, so you move faster with less.

Auto Style Sheet

When a style guide is missing, sifting through every design element can be time-consuming and challenging. This plugin not only aims to save significant time but also to pinpoint graphic design inconsistencies, ensuring a seamless and efficient transition from design to development.

Variables Documentation

Document your design system variables with clarity and precision. This plugin creates comprehensive, customizable documentation for Figma variables, making your design tokens accessible and shareable.

Design System Hub

Here you can easily find the relevant information you need, including the official website of the design system and its component library files in Figma.

Design System Organizer

Easily reorganize giant design systems. Copy styles from one file to another or combine multiple style files into a single one. This keeps your design system styles consistent over time.

Gist

Attach documentation to your components. Write and publish beautiful docs using a Markdown editor. Link components to external documentation. View attached documentation without leaving your working file.

Instance Finder

Find all Instances of a Component used in your file.

Master

Create, attach, clone, and move components in a couple of clicks without losing overrides!

Propstar

Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labeled table.

Annotate it!

Annotate it! makes it easy to annotate your wireframes and/or designs the smart way. Simply select a frame and click Add New to create annotations automagically.

Design lint

Design Lint is a plugin that finds missing styles within your designs. It’s perfect for fixing errors in your Design System or designs before handoff.

Font Awesome

Just connect your Font Awesome account, and you’re off to the races.

Accessibility

Tokens, Variables, Styles Management

Figma and AI