Best Figma Plugins for design systems, UI, and design-to-code
The best Figma plugins for design systems, design-to-code, and AI generative design — All in one place.
Essentials
Similayer
Select similar layers based on any design properties
120k users
Instance Finder
Find all Instances of a component used in your file
72k users
Contrast
Check the accessibility and contrast ratio of any
412k users
Scripter
Speed up your workflow with access to Figma API scripts
16k users
Roller
Tools for design system and style guide consistency
24k users
Image Compressor
Compress images and export them to WEBP, PNG, or JPG
44k users
Noise & Texture
Create noise, textures, patterns, and background gradients
340k users
Beautiful Shadows
Create smooth and beautiful UI shadows
300k users
Flatten Selection to Bitmap
Rasterize the selected layers at a high resolution
70k users
Hidden Styles Remover
Remove any hidden fills, strokes, and effects styles
10k users
Detach Component
Detach master components, variants, and instances
110k users
Data Lab
Paste random or real data into text layers and components
25k users
TinyImage Compressor
Simple and fast image compression directly in Figma
390k users
LottiFiles for Figma
Create animations and export animations from Figma to Lottie
700k users
Destroyer
Detach instance, variables and any layer properties
20k users
Sorter
Quickly sort layers by different parameters
61k users
Design systems and variables
Master
Create, attach, clone and move design system components
62k users
Tokens Studio
Generate, control, and combine design system tokens
200k users
Suppa Palette
All-in-one color palette generator for UI design
80k users
Styles & Variables Organizer
Organize, merge, and batch update variables and styles
81k users
Clean Document
Automagically organize and clean up your Figma document
100k users
Design Lint
Find and fix errors in your design systems
105k users
Time Saver
Tools to save time on design system management
8k users
Inspect Styles
Select any layer and see its styles in CSS
72k users
Selection Variants
See and control all nested component properties in selection
22k users
GitHub Dev Mode
Connect design to code with the GitHub plugin for dev mode
45k users
Variables Utilities
Tool for your design system variables workflow
10k users
Charts Modifier
Modify your charts faster with built-in random modes
20k users
Unused Components
Scan your design system for all unused components
15k users
Variables Doc Designer
Manage & document your variables and style guides
1k users
Design System Organizer
File manager for your design system, styles, and variables
150k users
Property Inspector
Quickly find missing variables in designs and fix it
1k users
Find Variables
Find variables and easily select the layers using them
7k users
Styles to Variables Converter
Convert existing styles into new variables
26.5k
Pinwheel Plugin
Export variables as JSON tokens with support for sRGB colors
1k
Design to code
Component Inspector
See component properties as they would look in code
20k users
Replit
Turns static designs into responsive React components
12k users
HTML to Design
Import any live websites to Figma canvas
1.2m users
AutoHTML Components to Code
Export from Figma to React, Vue, Svelte or HTML
105k users
Figma -> React Native
Transfer component from Figma to React Native code
50k users
Anima - Figma to Code
Generate and use code based on your designs.
1.3m users
AI and automation
Ugic AI
Generate UI designs from your team library components
10k users
Wireframe Designer
Create Wireframe UI designs with text prompts
280k users
Content Generator AI
Generate realistic content for your text layers using AI
8k users
UI Faces – Free AI avatars
A library of free, AI-generated, high-resolution avatars
320k users
Text to Design AI Copilot
Text prompt to design workflow tools for Figma
42k users
Unbackground
Remove background from images with AI in one click
120k users
Grammarly
Check the spelling of your text layers with Grammarly AI
16k users
Artifig
Figma plugin for making Figma plugin using generative AI
1k users
Figma to AI Code by DesignCode
Turn your Figma designs to code using Claude and ChatGPT
6k
Know a Figma plugin that is missing here?
We curate this list to offer you the best and most up-to-date Figma plugins, ensuring their quality and compatibility with Frames X UI kit.
Our goal with this plugin directory is to provide a valuable resource to enhance your Figma workflow. If you want your plugin to be listed, please Email it to us for review. Sponsored inclusion is also available.
✰ Bookmark this page and Subscribe to our updates so you do not miss the new amazing Figma plugins that have been added.