Figma Resource Hub
Overview of the Figma tools in the library, with individual cards for every plugin and resource below.
This page groups the Figma resources in the library by theme. Use the card grid below to open the individual plugin and resource entries directly.
Plugins
- Atmos
- Quantum
- Auto Style Sheet
- Variables Documentation
- Design System Hub
- Design System Organizer
- Gist
- Instance Finder
- Master
- Propstar
- Annotate it!
- Design lint
- Font Awesome
Accessibility
Tokens and variables
Figma and AI
Try with Prompts
Ready-to-use prompts related to this guide
Prompts for generating components from Figma with MCP and documenting implementation.
Prompts for generating and maintaining component and design system documentation.
Prompt templates for extracting, documenting, and sharing component metadata.
All Figma plugins and resources
30 items in this collection
Annotate it!
Annotate wireframes and designs for clearer handoff.
Atmos
Create beautiful, uniform, accessible UI color palettes.
Auto Style Sheet
Find and fix style inconsistencies for better design-to-dev handoff.
Community Questions
Real questions designers ask about design systems, tokens, AI workflows, and team processes. Curated from Reddit discussions with the most valuable answers.
Contrast
Quickly check WCAG color contrast ratios.
Design lint
Find missing styles in your designs before handoff.
Design System Hub
Find design system websites and Figma component libraries.
Design System Organizer
Reorganize large design systems and copy styles between files.
Design Systems Directory
169 design systems, component libraries, and UI toolkits with tech stack, features, and links to GitHub, Figma, and Storybook. Curated from Component Gallery plus hand-picked token-rich systems.
Design Tokens Manager
Import/export Figma styles and variables to and from JSON.
Design Tokens Plugin
Export Figma styles and custom tokens to JSON or GitHub.
Figma Make
Prompt to design and build concepts directly in Figma.
Figma MCP
Connect Figma to AI coding assistants using Model Context Protocol.
Font Awesome
Access Font Awesome icons directly inside Figma.
Gist
Attach markdown documentation to components directly in Figma.
Include (Accessibility Annotations)
Annotate designs for accessibility handoff more efficiently.
Instance Finder
Find all instances of a component used in your file.
Knowledge Base: AI + Design Systems
Quick answers to the most common questions about using AI with design systems. Curated links, tools, and practical advice.
Master
Create, attach, clone, and move components without losing overrides.
Propstar
Generate all possible component instances in a labeled table.
Quantum
Keep your design system in sync, documented, and aligned.
Stark
Accessibility toolkit for contrast, focus order, alt text, and simulation.
Styles & Variables Organizer
Link and organize styles and variables across design files.
Supa Tokens
Manage, organize, and export design tokens in Figma.
Ugic AI
Generate UI based on an existing component library.
Variable Visualizer
Visualize complex Figma variable relationships clearly.
Variables Documentation
Document design system variables with clarity and structure.
Velocity (AI user testing)
Run AI-assisted user testing flows for prototypes.
WCAG 2.2 Card Deck
Use this deck for accessibility workshops, audits, and team training.
WCAG Plugin
Integrate accessibility checks directly into design workflows.