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.
Essential plugins
Similayer
Free
Select similar layers based on any design properties
Instance Finder
Free
Find all Instances of a component used in your file
Contrast
Free
Check the accessibility and contrast ratio of any
Scripter
Free
Speed up your workflow with access to Figma API scripts
Roller
Free
Tools for design system and style guide consistency
Image Compressor
Free
Compress images and export them to WEBP, PNG, or JPG
Noise & Texture
Free
Create noise, textures, patterns, and background gradients
Beautiful Shadows
Free
Create smooth and beautiful UI shadows
Flatten Selection to Bitmap
Free
Rasterize the selected layers at a high resolution
Hidden Styles Remover
Free
Remove any hidden fills, strokes, and effects styles
Detach Component
Free
Detach master components, variants, and instances
Data Lab
Paste random or real data into text layers and components
TinyImage Compressor
Simple and fast image compression directly in Figma
Destroyer
Free
Detach instance, variables and any layer properties
Sorter
Free
Quickly sort layers by different parameters
Progressive Blur
Free
Add progressive blurs to your designs in Figma
AI and automation plugins
Ugic AI
Generate UI designs from your team library components
Wireframe Designer
Create Wireframe UI designs with text prompts
Content Generator AI
Free
Generate realistic content for your text layers using AI
UI Faces – AI avatars
Free
A library of free, AI-generated, high-resolution avatars
Text to Design AI Copilot
Text prompt to design workflow tools for Figma
Unbackground
Free
Remove background from images with AI in one click
Grammarly
Free
Check the spelling of your text layers with Grammarly AI
Artifig
Figma plugin for making Figma plugin using generative AI
Figma to AI Code
Free
Turn your Figma designs to code using Claude and ChatGPT
Figma to Responsive HTML
Free
Convert your design into Responsive HTML / React / Vue / Tailwind
Animation plugins
Design systems and variables
Master
Create, attach, clone and move design system components
Tokens Studio
Generate, control, and combine design system tokens
Suppa Palette
All-in-one color palette generator for UI design
Styles & Variables Organizer
Free
Organize, merge, and batch update variables and styles
Clean Document
Free
Automagically organize and clean up your Figma document
Design Lint
Free
Find and fix errors in your design systems
Time Saver
Tools to save time on design system management
Inspect Styles
Free
Select any layer and see its styles in CSS
Selection Variants
Free
See and control all nested component properties in selection
GitHub Dev Mode
Free
Connect design to code with the GitHub plugin for dev mode
Variables Utilities
Tool for your design system variables workflow
Charts Modifier
Free
Modify your charts faster with built-in random modes
Unused Components
Free
Scan your design system for all unused components
Variables Doc Designer
Manage & document your variables and style guides
Design System Organizer
File manager for your design system, styles, and variables
Property Inspector
Free
Quickly find missing variables in designs and fix it
Find Variables
Free
Find variables and easily select the layers using them
Styles to Variables Converter
Free
Convert existing styles into new variables
Pinwheel Plugin
Free
Export variables as JSON tokens with support for sRGB colors
Variable Visualizer
Free
Turn your Figma variables into an intuitive visual map
Print Variables
Free
Print all variables in your Figma file in one click
Design to code plugins
Component Inspector
Free
See component properties as they would look in code
Replit
Free
Turns static designs into responsive React components
HTML to Design
Import any live websites to Figma canvas
AutoHTML Components to Code
Export from Figma to React, Vue, Svelte or HTML
Figma -> React Native
Free
Transfer component from Figma to React Native code
Anima - Figma to Code
Free
Generate and use code based on your designs.
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.
⬆