The AI design library home page
Guides
Contact
Dashboard
Dashboard
Search...
Navigation
Bookmarks
Figma
Search...
⌘K
The Design System Guide
Newsletter
Overview
Introduction
About me
Prompting
Basics
Research
Prototyping
Documentation
Component Metadata
Design tokens
Bookmarks
Agents
Figma
Prompting
Resources
Tools
Videos
Guides
Install Cursor
Figma MCP
Key Terms
On this page
Plugins
Accessibility
Tokens, Variables, Styles Management
Figma and AI
Bookmarks
Figma
A curated list of Figma plugins and tools for designers.
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
WCAG 2.2 Card Deck
Use the WCAG 2.2 Deck to run workshops, accessibility audits, training, or whatever you can use it for.
WCAG Plugin
This plugin enhances the accessibility of digital designs by integrating accessibility guidelines directly into your design processes and systems. The WCAG Plugin offers three key features:
Contrast
The Contrast plugin gives you quick access to WCAG color contrast ratios.
Stark
With tools like Contrast Checker, Focus Order, Alt-Text Annotations, Vision Simulator, and more all in one place, you can find accessibility issues in a design before it goes into production—or quickly analyze and fix what’s already in flight. Get started for free today!
Include – Accessibility Annotations by ebay
Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec and easier for developers to understand what is required.
Tokens, Variables, Styles Management
Supa Tokens
Design token management, supercharged for Figma. The all-in-one plugin to create, organize, and export tokens—right where you design. Transform your workflow. Build systems that scale effortlessly.
Variable Visualizer
Transform how you work with Figma variables. VV turns complex variable relationships into an intuitive visual map, letting you see and manage all your variables in one infinite canvas.
Styles & Variables Organizer
Both Variables and Styles are supported now! Link values used in your design file to all types of styles and variables easily!
Design Tokens
Export Figma styles and custom tokens to a style dictionary ready JSON or sync to GitHub.
Design Tokens Manager
Export or import styles or variables (Figma → JSON or JSON → Figma).
Figma and AI
Figma Make
Figma MCP
Ugic AI: Generate UI Based Any Component Library (Figma plugin)
Velocity: AI user testing for prototypes (Figma plugin)
Figma MCP and the most useful Figma resources for designers (author's post)
Agents
Previous
Prompting
Next
Assistant
Responses are generated using AI and may contain mistakes.