On this page
About Figma Token Exporter
Figma Token Exporter is a free Figma plugin published by Figma-tokens in 2024. It works in Figma Design and Dev Mode and has 24,863 users and 185 likes on the Figma Community. It ranks #17 in Variables & Tokens on our lists.
In the developer's words
This tool is designed to extract Figma variables/tokens and export them in CSS, SASS and other formats for handover to development.
Features
- Load tokens from your Figma file
- Select collection
- Select modes/themes
- Select syntax: CSS, SASS, Less, Stylus, Tailwind
- Select naming convention if using "Code Syntax"
- Export all variables in table
- Export individual variables by row
- Search variables table
- Sort variables table
- Show custom variable name if using "Code Syntax" (variable name highlighted in bold)
- Download all variables in selected syntax
- Download individual variables in selected syntax
- Plugin support for dev mode
What's new
Version 5 · released Jun 11, 2024
- Plugin support for dev mode.
Permissions and privacy
Network access
Figma Token Exporter can only connect to the 3 domains declared in its manifest: cdn.figma-tokens.com, fonts.googleapis.com and fonts.gstatic.com.
- cdn.figma-tokens.com
- fonts.googleapis.com
- fonts.gstatic.com
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Figma Token Exporter ranks
Figma Token Exporter alternatives
- 1
Tokens Studio for Figma
by Jan Six
369K users7.6KFree + paid featuresThe scalable design tokens solution for Figma
- 2
Design System Organizer
by Arthur
205K users3.1KFree + paid featuresExtended swap for variables/styles/components, export variables/styles, bulk-audit library & mockups
- 3
Styles & Variables Organizer
by Chenmu Wu
140K users3.3KFree + $15 upgradeApply styles and variables to all your designs with one click!
- 4
Export/Import Variables
by Honza Toman
91K users1.7KFreeExport variables from one file and import them to another. Supports modes, references, and scopes.
- 5
Styles to Variables
by Yann-Edern Gillet
90K users1.1KFreeConvert your Figma Styles into Variables
- 6
Variables Pro
by Figterate
82K users479FreeVariables Pro | Swap, Import, Export Variables
Figma Token Exporter FAQ
What does Figma Token Exporter do?
Token export made a breeze - Load your variables and export them in various formats for handover. It's a Figma plugin by Figma-tokens that runs in Figma Design and Dev Mode.
Is Figma Token Exporter free?
Yes. Figma Token Exporter is free to install and run from the Figma Community, with no paid tier listed.
Is Figma Token Exporter safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Figma Token Exporter can only connect to the 3 domains declared in its manifest: cdn.figma-tokens.com, fonts.googleapis.com and fonts.gstatic.com. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Figma Token Exporter?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Figma Token Exporter?
By user count, the closest alternatives are Tokens Studio for Figma, Design System Organizer and Styles & Variables Organizer. Compare all of them on the best Figma plugins for variables & tokens.
Built this plugin?
Use this page as a landing page for Figma Token Exporter: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/figma-token-exporter/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Figma Token Exporter on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review