A list of Figma Plugins and resources for building them.
A collection of plugins that have been open-sourced.
Visualise existing or new color palettes in your design system or Generate lists of color variables from color palettes.
Extracts a colour palette of 5 different colours from the selected images.
Sends selected layers to the very top of the layer stack above all other frames on the canvas.
Enables you to create themes and easily swap between sets of styles across your projects. Eg: Light/Dark
Enables the user to quickly sort the order of layers based on position, name (alphabetical), reverse order, or random.
Generate a palette from an image to magically populate your designs.
A Figma plugin to quickly test your designs across multiple device sizes.
Easily export assets from Figma directly into a .zip file.
This plugin Generates a Scaffold for your Product design project in just 1 click.
Figma Walker is a new launcher for Figma. You can take any actions you want from a single input field.
Sort selected Frames or Layers by names or position.
Map Maker allows you to make a customized map blazing fast. It currently supports Google Maps and Mapbox.
Figma Format let's you format your canvas by grouping them by the names.
Export multiple sizes PNG from selected slice or exportable layer, with a fixed folder structure (drawable-xhdpi, etc..) and valid name.
Quick access to Feather icons in Figma.
Figma Tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that can easily be used with Tailwindcss.
Replace placeholder Figma text values with real data from real APIs.
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.
A plugin for easy measurement of sizes. A small user interface allows you to add arrows for heights and widths.
A Figma plugin to easily align, rename and reorder your frames based in their canvas position.
A Figma Plugin that makes replacing text content in multiple layers super easy for anyone.
Convert VS Code themes to Figma color libraries, create new themes via JSON, and swap themes automatically.
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.
An easy way to find and apply color styles from your current document.
Better Font Picker helps you select fonts with a preview of how it looks.
Utilizes built-in Figma rectangles, lines, and texts to generate tables with neatly organized layers.
Bringing the retro game we all love into Figma, Snake!
Pattern Hero enables you to place selected elements or frames in a grid to create patterns.
Add emojis seamlessly onto your designs.
This plugin will reverse the order of the selected layers.
Relink a frame to a component by searching for similar instances.
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.
Figma plugin for making good typographic text.
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!
Nester will nest any object that resides above (but not inside) a top-level frame/artboard.
Find and fix errors in your designs for free.
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.
HTMl/JS/CSS design system without dependencies that closesly matches the Figma UI for use in plugins
A boilerplate for creating Figma plugins using Svelte (which comes preconfigured with a Svelte components Figma Plugin DS Svelte.
This is a Svelte version of the Figma Plugin DS specifically for use in creating Figma Plugins.
Figma plugin Builder
A small figma plugin generator using Parcel.
A toolkit for developing Figma plugins.
This template contains the react example as shown on Figma Docs, with some structural changes and extra tooling.
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 growing collection of Figma Plugin helper functions (WIP), soon to be published on NPM.
A sample plugin showing a reliable way to implement drag and drop from the plugin window to the Figma canvas.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent