Skip to content
Variables & Styles List for Devs

Variables & Styles List for Devs

by Sebastian Hösl

Figma Plugin that lists all local variables as css variables.

FreeDev Mode

Installs

181

Likes

26

Users

4,579

Views

3,954

Preview

Variables & Styles List for Devs preview

About this plugin

This plugin allows developers to lists all local variables and export them to JSON as a tokens.json file or CSS with custom properties.

Tokens.jsonFor JSON code generation, you can apply custom settings achieve the best result for your needs, such as:

Unit settingsTab sizeSeparate collections in single filesAutomatically abbreviate collection namesUse dimensions for numbersGenerate text valuesTokens.cssCustom properties, also knows as CSS variables, can also be customized:

Unit settingsTab sizeSeparate collections in single filesAutomatically abbreviate collection namesCollection name prefixCustom prefixShow description as CSS commentsColor value type (hex, rgb or hsl)Generate text values

More software development plugins

View all