Transform Figma variables and styles to CSS
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
css object style codegen
html-to-figma-auto-layout DEV-plugin
Seamlessly convert between Mermaid code and FigJam diagrams. Code to visual, visual to code.
AI powered Figma to Code in One Click (Flutter, HTML/CSS, React Js and React Native)
Figma to HTML! Generate HTML and download in a few clicks!
Generate all the Tailwind CSS text, color and shadow styles right into your design panel, created fโฆ
A plugin to sync the colors from the codebase and the design files, the easy way!
Convert any figma solid and gradient to css background.
A more controllable style export tool.
Convert variables to CSS, JavaScript and JSON. ่ฝฌๆขๅ้ๆ CSS, JavaScript ๅ JSONใ
A utility tool for importing and exporting variables between CSS and Figma.
Elevate Your Designs: Easily Convert Design Tokens to SASS/CSS Variables with Progress ThemeBuilder
Ruyi Design Assistant helps you use React component libraries and Design Tokens for design.
Get the value for CSS color keywords in Figma.
Focus CSS makes viewing CSS in Figma more convenient and helps you spot inconsistent styling.
React-native codegen that just works.
A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components
AI-powered tool.
This plugin converts color tokens to code.
Turn Code & Elements into Figma Design Systems
Export component libraries of any size into cloud accessible assets in json format, svg quick copyโฆ
Kiwiui Export your Figma Desing to React , Angular , VueJsKiwiui is a specialized tool to generateโฆ
Export styles from OutSystems UI Kit to CSS.
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.