Figma Plugin Hub
Back to Plugins
CSSGen

CSSGen

Convert your local styles to CSS/SCSS/LESS/SASS/STYLUS

scsscsslessvariablescss variableshandoffstyluscodeexportsassstylesstylesheetcode-generators

Plugin Preview

CSSGen preview

About this plugin

Effortlessly generate CSS preprocessors (SASS, LESS, SCSS, STYLUS) by extracting variables and mixins from your local Figma styles.


Seamlessly export all utilized styles to enhance. your project with popular CSS preprocessors.


Optimize your design-to-development process and boost dev productivity with CSSGen plugin.

Plugin Details

Version40
CreatedAugust 12, 2019
Last UpdatedApril 13, 2025
CategorySoftware development
CreatorOri Ziv
Stats19253 installs, 500 likes
PricingFree
Install Plugin

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/plugin.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.buymeacoffee.com

More Like This

Discover other plugins in the Software development category.

Figma to Code (HTML, Tailwind, Flutter, SwiftUI)

Figma to Code (HTML, Tailwind, Flutter, SwiftUI)

Code Conversion Made Easy: Figma to Web & Apps

Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)

Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)

Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI

SkewDat

SkewDat

Skew any layer or group with all layers preserved to edit.

View All Software development Plugins