List of themeable tokens and/or an easy way to import Figma theme design into the themes that we can apply.

[rfarahmand]

Hello CDS team! great work. I was wondering if there is a list of themeable tokens from here: https://cloudscape.design/foundation/visual-foundation/design-tokens/ that I could programmatically consume, like a json file?
We have designed a theme in Figma but I cannot find an easy way to port the Figma variables into theme able objects in the app?

If you have any suggestions on how to import the Figma themed design into the app I also appreciate it.

Thanks in advance.
Rouzbeh

[at-susie]

Hi @rfarahmand,

Thanks for reaching out!
You can find which tokens are theme-able or not on the "Themable" column in the Design tokens table.

Currently Figma doesn't officially support importing/exporting variables, however there are some plugins available for that. e.g. Export/Import Variables. Figma also provides a plugin code example to import/export variables that you could also customize based on your own needs.

Hope this will be helpful.

Best,
Atsushi