Skip to main content
Question

Exporting variables converts to lowercase

  • December 12, 2024
  • 1 reply
  • 27 views

Alvaro2

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!

1 reply

Yoriiis
  • New Participant
  • 5 replies
  • March 23, 2025

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings