Export Styles and variables to CSS

About this plugin

Displays all variables and styles from all collections in a developer-friendly format, either in JSON or as CSS variables

There are 3 available modes of operation:

1. Output of all Figma variables
2. Output of all Figma styles
3. Output of styles for the currently selected element

For the selected layer, the following will be displayed:

1. all its CSS styles;
2. If the layer is textual, then the text for easy copying;
3. if the layer has a background image, then a button for exporting the original image.

If 2 layers are selected - the dimensions of the layers and the distance between them

The code can be generated in the following formats:

1. CSS
2. JSON

Encountering difficulties? Feel free to contact us; we will always try to help.