Variables & Styles List for Devs

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.json

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

1. Unit settings
2. Tab size
3. Separate collections in single files
4. Automatically abbreviate collection names
5. Use dimensions for numbers
6. Generate text values

Tokens.css

Custom properties, also knows as CSS variables, can also be customized:

1. Unit settings
2. Tab size
3. Separate collections in single files
4. Automatically abbreviate collection names
5. Collection name prefix
6. Custom prefix
7. Show description as CSS comments
8. Color value type (hex, rgb or hsl)
9. Generate text values