Figma Token Exporter
Token export made a breeze - Load your variables and export them in various formats for handover
Plugin Preview
About this plugin
This tool is designed to extract Figma variables/tokens and export them in CSS, SASS and other formats for handover to development.FeaturesLoad tokens from your Figma fileSelect collectionSelect modes/themesSelect syntax: CSS, SASS, Less, Stylus, TailwindSelect naming convention if using "Code Syntax"Export all variables in tableExport individual variables by rowSearch variables tableSort variables tableShow custom variable name if using "Code Syntax" (variable name highlighted in bold)Download all variables in selected syntaxDownload individual variables in selected syntaxPlugin support for dev mode
Plugin Details
| Version | 7 |
|---|---|
| Created | February 29, 2024 |
| Last Updated | September 3, 2025 |
| Category | Software development |
| Creator | Figma-tokens |
| Stats | 1608 installs, 176 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.figma-tokens.com
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code