Skip to main content

How is it possible that ALL plugins available to export variables into CSS convert the name of the variables to lowercase?


You can set variables in Figma to be uppercase and when you inspect, the CSS will show the variable in uppercase:

color: var(–Patch-Reef-Blue);


But all the variables export plugins will convert this to

color: var(–patch-reef-blue);


therefore the need to manually rename… Is this me or Figma?


Thanks!

Hello ​@Alvaro2, I asked myself the same question because it was blocking our team who use the nomenclature with camelcase.

You can use the following plugin: Figma CSS variables

Community link:
https://www.figma.com/community/plugin/1474166340745390696/figma-css-variables

Character case is maintained and there are other features too. I hope this meets your needs

Reply


Terms & ConditionsCookie settings