Variables & Styles List for Devs
by Sebastian Hösl
Figma Plugin that lists all local variables as css variables.
Installs
181
Likes
26
Users
4,579
Views
3,954
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 allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.