A list of Figma Plugins and resources for building them.
A collection of plugins that have been open-sourced.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Export multiple sizes PNG from selected slice or exportable layer, with a fixed folder structure (drawable-xhdpi, etc..) and valid name.
Batch Styler is a plugin allowing you to edit multiple text or color styles at once.
Better Font Picker helps you select fonts with a preview of how it looks.
Create bulk color styles from selection. Simply select any objects that have a fill color, run the plugin, and it will generate the color styles for you automatically.
This plugin enables you to create a component (like you would in Sketch) where the master moves to a dedicated page leaving an instance in place.
A Figma Plugin that makes replacing text content in multiple layers super easy for anyone.
Find and fix errors in your designs for free.
Roll the dice right on the canvas. Choose from 1 – 5 dice. You can also re-roll selected dice.
Once you have rolled the dice, you can easily roll again using the plugin relaunch api in the properties panel.
Generate a palette from an image to magically populate your designs.
Make beautiful smooth gradients in Figma. Linear gradients often have hard edges where they start and/or end. This plugin adds gradient stops to approximate easing functions.
Create isometric layers & groups, you can quickly apply a top, left or right perspective or using the modal to modify your layer.
Select any instance of a local component and edit the master component in place from the context of wherever you are using the instance. This is handy if your master components are on another page!
Easily export assets from Figma directly into a .zip file.
Quick access to Feather icons in Figma.
Figma Format let's you format your canvas by grouping them by the names.
Figma Tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that can easily be used with Tailwindcss.
Figma Tokens allows you to utilize Tokens in Figma, letting you create tokens for things suchas border radii, spacing and sizing units, typography and color styles.
Figma Walker is a new launcher for Figma. You can take any actions you want from a single input field.
Add emojis seamlessly onto your designs.
Utilizes built-in Figma rectangles, lines, and texts to generate tables with neatly organized layers.
Extracts a colour palette of 5 different colours from the selected images.
Convert VS Code themes to Figma color libraries, create new themes via JSON, and swap themes automatically.
Lazy Export allows the user to quickly apply default export settings to selected objects in Figma.
Map Maker allows you to make a customized map blazing fast. It currently supports Google Maps and Mapbox.
A plugin for easy measurement of sizes. A small user interface allows you to add arrows for heights and widths.
An easy way to find and apply color styles from your current document.
Nester will nest any object that resides above (but not inside) a top-level frame/artboard.
Pattern Hero enables you to place selected elements or frames in a grid to create patterns.
This plugin Generates a Scaffold for your Product design project in just 1 click.
Remove background of images with just 1-click
Relink a frame to a component by searching for similar instances.
A Figma plugin to quickly test your designs across multiple device sizes.
Bringing the retro game we all love into Figma, Snake!
This plugin will reverse the order of the selected layers.
Replace placeholder Figma text values with real data from real APIs.
Sends selected layers to the very top of the layer stack above all other frames on the canvas.
Enables the user to quickly sort the order of layers based on position, name (alphabetical), reverse order, or random.
Sort selected Frames or Layers by names or position.
This is a plugin for Figma that generates styles based on selected layers.
Basically, you can control your styles by changing layer properties and updating the styles.
A Figma plugin to easily align, rename and reorder your frames based in their canvas position.
Import color palettes from popular design systems directly to your file.
Generate styles and other cool stuff straight out of your tailwind config file.
Enables you to create themes and easily swap between sets of styles across your projects. Eg: Light/Dark
Figma plugin for making good typographic text.
Visualise existing or new color palettes in your design system or Generate lists of color variables from color palettes.
Zebra is a fast, lightweight colour contrast checker.
It was built as a teaching exercise and the companion tutorial can be found here
A collection of resources to help accelerate the development process of Figma Plugins.
A toolkit for developing Figma plugins.
A CLI tool to generate a Figma plugin project with React. Supports CSS modules, Typescript & SCSS and UI can be viewed in browser for quicker iteration.
A sample plugin showing a reliable way to implement drag and drop from the plugin window to the Figma canvas.
HTMl/JS/CSS design system without dependencies that closesly matches the Figma UI for use in plugins
This is a Svelte version of the Figma Plugin DS specifically for use in creating Figma Plugins.
A growing collection of Figma Plugin helper functions (WIP), soon to be published on NPM.
This template contains the react example as shown on Figma Docs, with some structural changes and extra tooling.
This is a Figma plugin template using rollup and svelte. TS and SCSS support included 🤙
A Vue.js starter template for building Figma plugins.
TypeScript, RPC, components from figma-plugin-ds.
Vue, TypeScript, Pug, figma-plugin-ds integration, message handlers.
A port of the Vue2 template, updated to use the latest Vue3 features.
Vue3, TypeScript, figma-plugin-ds integration, message handlers.
Figma plugin Builder
A boilerplate for creating Figma plugins using Svelte (which comes preconfigured with a Svelte components Figma Plugin DS Svelte.
A small figma plugin generator using Parcel.
This is a fork of the awesome party-js library to work inside of Figma.
A small framework and CLI for developing and maintaining Figma plugins
React components of Figma design system based on thomas-lowry/figma-plugin-ds.