Solved

Hand off variables/tokens to developers?

9 replies
4012 views

Will there be a way for exporting all variables so that I can hand off to my developers?

If this exists already, how to do it?

The Figma Studio Plugin allows to download a JSON file with all the token definitions. I wonder if I could have the same for my devs.

The feature Dev Mode allows you to see which variables have been implemented while selecting a component. However, developers in my team would like a full list of these variables definitions.

Thank you so much for these new updates! Great work. I am fascinated with these new features. Love Love Love!

Ask the community

This topic has been closed for replies.

mfelixSolution

Figmate

Hey @AC_Design,

Thanks for reaching out!

There is currently no plugin or feature to do this. As you said, it’s only possible to export a JSON file with all the token definitions at the moment (with plugins). Still, variables are quite new and we’re working on a lot of new updates/features for it (just like Dev Mode) to cover all the community needs and Variables export is one of them.

I have shared your feedback with our Product team to give it more visibility and although I can’t share an ETA for this or guarantee it will be implemented, I can confirm it will taken into consideration 😃

In the meantime, as a workaround, you could create a file regrouping all the different variables so your developers could click them all via Dev Mode but depending on how many variables you use, it might not be ideal.

mfelixSolution

Figmate

Hey @AC_Design,

Thanks for reaching out!

There is currently no plugin or feature to do this. As you said, it’s only possible to export a JSON file with all the token definitions at the moment (with plugins). Still, variables are quite new and we’re working on a lot of new updates/features for it (just like Dev Mode) to cover all the community needs and Variables export is one of them.

I have shared your feedback with our Product team to give it more visibility and although I can’t share an ETA for this or guarantee it will be implemented, I can confirm it will taken into consideration 😃

In the meantime, as a workaround, you could create a file regrouping all the different variables so your developers could click them all via Dev Mode but depending on how many variables you use, it might not be ideal.

AC_DesignAuthor

Thx @mfelix! There are a couple plugins already in the market that help do the job - not great tho. Looking forward Figma’s approach!

take care <3

Jean-Baptiste_Letaconnoux

Which one? I’m interested and I don’t find it. 🙂

owen5

New Participant

I’m looking forward to future updates from Figma here. For variables to truly be useful and close the gap between design and dev, there needs to be a way for developers to view a list of all of the variables within a design system. This is a very critical feature that appears to be missing, which causes a lot of unnecessary manual work.

JonathanR

Yes please, this is highly needed.

Damir

Desperately needed. Handing over to devs now and it hurts!

V

vijayashree.ravindranathan

Do we have an answer for this query after this new Figma update?

Yannis_PandaPanda

Any updates on this? A lot of AI chenanigans but this seems to be left in the dark. It’s already a big letdown that Variables-sync with API is only available for Enterprise teams …

ShaneCorn

New Participant

To hand off variables/tokens to developers, securely share them via a secure method like environment variables, a secrets management tool, or a secure vault. Avoid sharing tokens directly in code or unencrypted formats. Ensure developers know the correct usage and any necessary permissions for those tokens.

Sign up

Login with SSO

Login to the community

Login with SSO