Import/Export your figma variables to simple CSS variables
Free Plugins — Figma Plugins
Free and open-source Figma plugins to enhance your design workflow without cost.
All Free Plugins (5299)
Create Tailwind CSS Variables & Styles - 100% Free
Translate Figma color styles to css/scss variables and back
Now, In Figma Create shades with ease & Get CSS or Tailwind code !!
Plugin will Generate Color for 3 platform and 1 JsoniOS -> color.
Easily apply CSS styles to your objects, layers and frames
Convert Figma design to css and html code for frontend development
Style Station Plugin plugin can take your SASS or LESS files with CSS rules and create the same sty…
Converts saved text and color styles into a format ready for use with Tailwindcss.
Map and Export your Design to Composables
Unofficial Stitches Plugin that converts Figma styles to Stitches configForked from Figma to Tailwi…
Convert Figma elements to HTML/CSS, with download
Tailwind for Figma
Generate Vue, React and Laravel i18n strings based on key name
Seamlessly Convert Figma Designs into Shadcn/UI Components through AI-Driven Code Generation
Plugin for creating HTML emails from predefined blocks
Code your design!
Dig out patterns from production HTML; enter a URL and Pickaxe fetches visual patterns from a websi…
Export your design to code - High quality responsive HTML / CSS / SCSS
Attach & transform designs with semantic HTML, ensuring accessibility & seamless dev handoff.
Import and export design tokens between Figma Variables and standard formats like JSON and CSS.
Figma's Color & Shadow Helpe
Figma Design to React Code Automation
Variables to Tailwind in one click