Transform your design into clean & readable & usable React, Vue, and HTML components.
Figma Plugin Directory
Discover 5,780+ Figma plugins to supercharge your design workflow. From design systems and prototyping to accessibility and automation.
Figma Plugins listings
Copy CSS quickly. ๅฟซ้ๆฅ็ๆ ๆณจใ
Browse and search all the CSS custom properties for plugin and widget UIs in real time.
Create a highly customizable design system, backed by code.
Export Figma Variables to JSON, JS, CSV or CSS (also Tailwind CSS)
A very simple tool to make a selection in Figma and copy the fill colors to a coding language.
From Design to Code with AI Magic
Powerful and intuitive Figma plugin that allows you to generate React Native code .
Build color palette from hex colors in tailwind format
Ready-to-use Tailwind CSS blocks โ Compatible with Figma to Tailwind AI Plugin
To transform theme values(etc.
Ecosystem for adding theme support to your designs and code
Quickly turn a screenshot of a website into usable code
Generate font sizes and font styles using the default Tailwind CSS font scale.
Free AI Figma to Code Converter - Export to Webflow, Elementor, Bricks, and More
Generate code from Figma designs
A quick plugin that generates css global styles for you so you dont end up in copy-pasta hell.
Generate beautiful animated or grainy mesh gradients exported to CSS.
AI-Powered React Code Generation for Ant Design Components
A plugin for exporting figma variables to css and ts
Translate Figma documents into HTML templates for Lob!
Manage your copy in design and code
Import/Export your figma variables to simple CSS variables
Create Tailwind CSS Variables & Styles - 100% Free
Frequently Asked Questions About Figma Plugins
What are Figma plugins and how do they work?
Figma plugins are extensions that add extra functionality to Figma's design interface. They run within Figma and can automate repetitive tasks, add new design capabilities, connect to external services, or enhance collaboration.
What are the best free Figma plugins in 2025?
Top free Figma plugins include Unsplash (stock photos), Iconify (millions of icons), Stark (accessibility checking), Content Reel (realistic placeholder content), Figmotion (animation), and Remove BG (background removal).
How do I install Figma plugins?
Click the plugin name to visit Figma Community, then click 'Install' or 'Try it out'. Access installed plugins via Resources panel (Shift+I) or right-click menu in Figma.
Which Figma plugins are best for developers?
Developer-focused plugins include Figma to Code, Anima, Locofy, Builder.io, and CSS Inspect for code generation. Also valuable are Zeplin integration, GitHub sync, and various design token exporters.