Find Variables

Find Variables helps you find what variables are being used in your file and easily select the layers using them. Features: Displays all the variables being used in a given page.Shows all the layer types using a variable (frame, text, etc.)Select all layers by type or all the layers using a give...

Specs 2

Specs 2 is an ecosystem for specs driven component development. Via the plugin, turn a selected Figma component or component set into a compact, complete, schema-valid specification — computed directly from the file, not inferred from a screenshot. From the command line, generate specs from an en...

Nested Instances

This tool shows you any instances within the current selection. Why is the useful? If you have a lot of similar layers with nested instances it's not easy to update them all simultaneously. Figmas new select similar tool solves some of these problems but this plugin is a lot more explicit with i...

Background Apply To All

Really simple plugin that applies the current page background to every other page in the document.

Print Variables

First off, I want to apologize for the previous version. I know it might have been a bit too much for some of you. 🙇🏻‍♀️ This is my very first plugin, and I learned a lot about coding and the Figma API along the way. Now, I’m done just experimenting — I'm back to basics focusing on the problem...

Version History → Slack

A comprehensive step-by-step guide is available in the Community. How to use Version History → Slack (VHS) ❓ Run plugin;Provide the requested information:
Slack Webhook URL, Figma API Token, Figma Document URL, and Document Name;Select the desired Date Format, and Date Separator;Press “Get versi...

variables2css

Convert Figma design variables, including colors and numbers, into CSS, Sass, Tailwind, Stylus, Json, Less or Javascript (Styled-Components) variables to save time and ensure accuracy. Use it in Figma: Design and Development mode. How to use it: Select your collection and now also choose specifi...

Component Variables

A plugin that helps customize Figma components in an orderly and automatic manner. Create and edit preset variables within your component without the hassle of going through groups and autolayouts. __________________ HOW TO USE • TEXT VARIABLES Assign a variable name to a text layer and chang...

Design Lint

Find and fix errors in your designs. 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. Because Design Lint doesn't try and manage your library, there's no logging in or signing up for accounts. ...

Selection Variants

View and control all nested variants and component properties in selection. Switch between variants without clicking through to find all the nested instances. Reduce the complexity of your design system by creating nested variants! Or simply use the to switch variants in bulk by selecting multipl...

Simple Sort

Automatically applies a basic structure to your component sets (variants) which can be customised to your liking. --- Manual Mode Rows & Columns Decide whether the variants for a particular property should be arranged horizontally or vertically. Order of values You can rearrange each of the v...

Component Inventory

See all your components in one place This simple plugin allows you to see and browse all of your library components at once by creating instances of every component on a single page. How it works? After running the plugin it will Create a new inventory page in the current fileGo through each pag...

View Overrides

This plugin allows you to get an overview of overrides in your layers. How to use Select a layer or multiple layersRun pluginSelecting layers will navigate to themThe overrides will update periodically if you fix or edit them.To change selection run the plugin again. If you find this plugin usef...

Auto Documentation

With one click, this plugin documents all of the color and font styles for you. Color documentation Documents all of the color styles defined in your file and puts them into an adjustable component. You can create your own template or use the auto-generated one. It outputs the following fields: ...

UI Stories (Assets Showcase Generator)

UI Stories Plugin is a showcase generator that streamlines the design process by organizing and documenting assets. How It Works: – Flexible Selection: Begin by selecting any component, component set, component instance, or design element like frames or shapes. The plugin automatically identifi...

Component Utilities

Create and copy components, and replace layers with components. Fund my work on Figma plugins → Create Component from Layer Creates a Main Component from the selected layer. The selected layer then becomes an Instance of the new Main Component. Copy Component Creates a copy of the selected Mai...

Sort Layers

Sort layers by name or position. Fund my work on Figma plugins → Sort Layers by Name Sort the selected layers in alphabetical order. Sort Layers by X Position Sort the selected layers by their X position. Sort Layers by Y Position Sort the selected layers by their Y position. Smart Sort Laye...

Organize Layers

Organizes all layers on the current page based on layer name; useful for organizing a page of components. Optionally customize how layers are grouped, and set the space between layers. Fund my work on Figma plugins →

Variable Utilities

Supercharge your variable workflows Copy Variable CollectionsPaste Variable CollectionsDuplicate Variable CollectionCopy VariablesPaste VariablesRename VariablesSwap Variable CollectionsSwap Variable ModesUnset Variable ModesDetach VariablesDetach Text VariablesReplace VariablesBulk Edit Local T...

Component Description Manager

Manage description of all your components in one place! Each main component (and its variants) can have a description that might be useful for you, other designers and developers. Descriptions can provide tips for using particular component, important dev notes or act as tags for better searchin...