Transform Figma variables and styles to CSS
Free Plugins โ Figma Plugins
Free and open-source Figma plugins to enhance your design workflow without cost.
All Free Plugins (5299)
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.