Top Figma plugins for Design Systems

Local Print

Introducing Local Print, your go-to Figma Plugin for seamless documentation of design variables and styles! Elevate your workflow with features designed to streamline the documentation process and enhance collaboration. You can easily display and refresh your variables and styles in a few clicks and share it with your team.

‍

‍

Specs

Automate production of page and component design specifications (“specs”) of selected components, instances and frames. The output is useful for design-dev handoff, auditing in progress design work, and critiquing with teammates.

‍

‍

Propstar

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

‍

‍

Color contrast grid

Ensure your designs are accessible and inclusive with the power of automated color analysis! The Color Contrast Grid for Figma variables plugin reviews your Figma color variables to create a comprehensive contrast matrix that simplifies accessibility checks.

‍

‍

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.

‍

‍

Remix Icon

Ensure your designs are accessible and inclusive with the power of automated color analysis! The Color Contrast Grid for Figma variables plugin reviews your Figma color variables to create a compre

‍

‍

Unsplash

Insert beautiful images from Unsplash into your designs.

‍

‍

Ai design reviewer

From Siri's creators, DesignPro is your design iteration partner. It's like having a design manager who analyzes your work against 600+ best practices, delivering UI & UX reviews in minutes instead of weeks – all powered by GPT-4o and Claude.

‍

‍

AI Design Reviewer

A modular scale in Typography is used to generate a visual rhythm in font sizes. This plugin helps to generate those sizes. Starting with a base-value, font-size increments and decrements from that size with a multiplier you set.

‍

‍

Color Shades

Generate multiple shades from the same base color. Enter a base color with the color picker (square next to hex value) or typing a hex value into the input field. Adjust the contrast by clicking and dragging on the contrast value or by entering a number between 0-100.

‍

‍

Variable Visualizer

Variable Visualizer transforms your abstract token system into a living, interactive map. Build connections, debug relationships, and manage your entire design system visually.