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 | 1388 installs, 150 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.