CSS Variables
A utility tool for importing and exporting variables between CSS and Figma.
Plugin Preview
About this plugin
CSS VariablesImportVariables can be imported into Figma either as a new collection or existing collection can be updated.Almost all the CSS color units are supported.Only px, in, cm, mm, pt, pc and rem length units are supported. And for the rem unit, the default font size 16px is used for conversion.The variables other than color and length units are silently ignored.ExportMultiple modes can be exported at once from Figma.The color units can be exported in one of the following spaces, sRGB(hex, rgb, hsl, hwb), CIELAB(lab, lch), Oklab, Oklch, display-p3.Number unit can be exported either as pixel(px) or rem.Also there's an option to preserve the alias.
Plugin Details
| Version | 6 |
|---|---|
| Created | August 8, 2023 |
| Last Updated | May 7, 2024 |
| Category | design-tools-other |
| Creator | mohan vadivel |
| Stats | 485 installs, 55 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the design-tools-other category.