Skip to main content
Question

Exporting variables converts to lowercase

  • December 12, 2024
  • 1 reply
  • 55 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!

This topic has been closed for replies.

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