tokenXtractor - Variable Modes Exporter
Export selected variable modes from every collection to code-ready files.
Plugin Preview
About this plugin
tokenXtractor is a Figma plugin thoughtfully crafted to make exporting local variables (tokens) easy and accessible. The workflow is simple: configure your options, select the variable modes you want to export (grouped by collection), and download your tokens.1) Configure your optionsCase StyleExport Single FileExport Format2) Select your collections + modesAll variable modes across all collections are selected by default, so if you want to export everything, you can skip this step.The list is grouped by collection, and you can select or deselect specific modes for export.You can select multiple modes using CMD + Click (macOS) or CTRL + Click (Windows). To select a range, click the first mode, then SHIFT + Click the last mode.You can restore the default selection (all variable modes across all collections) by clicking the RESET button next to Collections?.3) Download your tokensFinally, press the 'DOWNLOAD TOKENS' button, save the zip file where you'd like, and then unzip the file to access your exported tokens.Previewing + Misc. TipsThe right half of the plugin contains a 'preview' of the tokens to be exported. When exporting multiple files, you can use the dropdown menu next to 'Previewing' to switch the collection you're viewing.------------------------------Brought to you by techworks.studio------------------------------
Plugin Details
| Version | 2 |
|---|---|
| Created | August 3, 2024 |
| Last Updated | February 23, 2026 |
| Category | Import & export plugins |
| Creator | Noah Davis |
| Stats | 12 installs, 5 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML