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 Figma plugins
Similayer
Free
Select similar layers based on any design properties.
Instance Finder
Free
Find all Instances of a component used in your Figma file.
Contrast
Free
Check the accessibility and contrast ratio of your Figma designs.
Scripter
Free
Speed up your workflow with secret Figma scripts.
Roller
Free
Tools for designing a system and finding inconsistencies in your Figma designs.
Image Compressor
Free
Compress images and export them to WEBP, PNG, or JPG from Figma.
Noise & Texture
Free
Create noise, textures, patterns, and background gradients in Figma.
Beautiful Shadows
Free
Create smooth and beautiful UI shadows in Figma.
Flatten Selection to Bitmap
Free
Rasterize selected Figma layers at a high resolution.
Hidden Styles Remover
Free
Remove any hidden fills, strokes, and effects styles in Figma.
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 component instances and remove variables or any layer properties.
Sorter
Free
Quickly sort Figma layers by different parameters.
Progressive Blur
Free
Create animated smart components from animation presets in Figma.
AI and automation plugins
Ugic AI
Generate Figma designs from your team library components.
Wireframe Designer
Create wireframes in Figma with generative AI and text prompts.
Content Generator AI
Free
Generate realistic content for your text layers using generative 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
A Figma plugin for building Figma plugins with generative AI.
Figma to AI Code
Free
Turn your Figma designs to code using Claude AI and ChatGPT.
Figma to Responsive HTML
Free
Convert your Figma design into Responsive HTML / React / Vue / Tailwind code.
Animation plugins
LottiFiles for Figma
Free
Create animations and export animations from Figma to LottieFiles.
Jitter - Animation for Figma
Free
Animate and export your Figma designs with Jitter plugin.
Animate it
Free
Create animated smart components from animation presets in Figma.
BeatSync Video Maker
Free
Create beat-synced videos from static Figma frames.
GIF Export
Free
Export GIFs or frames with GIFs in them from Figma.
Figmotion
Free
Animation and animation handoff tool for Figma.
Design systems
Master
Create, attach, clone, and move components around Figma files and projects.
Tokens Studio
Generate, control, and combine design system tokens.
Suppa Palette
All-in-one color palette generator for UI design in Figma.
Styles & Variables Organizer
Free
Organize, merge, and batch update variables and styles.
Clean Document
Free
Automagically organize and clean up your Figma files.
Design Lint
Free
Find and fix errors in your Figma design system.
Time Saver
Tools to save time on design system and variables management.
Inspect Styles
Free
Select any Figma layer and see its styles in CSS.
Selection Variants
Free
Preview and control all nested component properties in selection.
GitHub Dev Mode
Free
Sync your Figma designs to code with the GitHub plugin.
Variables Utilities
Design system tools for Figma variables.
Charts Modifier
Free
Modify your Figma charts faster with built-in chart properties.
Unused Components
Free
Scan your Figma design system for all unused components.
Variables Doc Designer
Document and turn your Figma variables into style guides.
Design System Organizer
File manager for your Figma design system, organize styles and variables.
Property Inspector
Free
Quickly find any missing Figma variables in design files and fix them.
Find Variables
Free
Find Figma variables and easily select all layers using them.
Styles to Variables Converter
Free
Convert existing styles into Figma 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 style guide.
Print Variables
Free
Print all variables in your Figma file in one click.
Figma to code plugins
Component Inspector
Free
Preview component properties as they would look in code.
Replit
Free
Turns static designs into responsive React components.
HTML to Design
Import any live websites into your Figma file as editable designs.
AutoHTML Components to Code
Export from Figma to React, Vue, Svelte or HTML code.
Figma -> React Native
Free
Transfer your components from Figma to React Native code.
Anima - Figma to Code
Free
Generate and use code based on your Figma designs.
Figma to HTML with Framer
Free
Export Figma designs to HTML with Framer Plugin.
Know a Figma plugin that is missing on the list?
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 plugins list is to provide a valuable resource to Figma community. 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.
⬆