Jexity Tokens Exporter
Export Figma variables as design tokens for seamless design-to-code workflow
Plugin Preview
About this plugin
Jexity Tokens Exporter enables you to export variable collections and gradient styles into TailwindCSS configuration (both v3 and v4). This plugin transforms your Figma design tokens into production-ready TailwindCSS themes.
The plugin supports color and number variable types (padding, margin, gap, screens, border radius, box) and gradient styles. It exports to JavaScript configuration files for TailwindCSS v3 or CSS files with @theme blocks for TailwindCSS v4.
The plugin follows specific naming conventions and reserved collection names to ensure proper organization and export. All structure and naming requirements are documented in the README.md and README-v4.md files.
Plugin Details
| Version | 7 |
|---|---|
| Created | May 27, 2024 |
| Last Updated | October 2, 2025 |
| Category | Import & export plugins |
| Creator | Cyril Olanolan |
| Stats | 5 installs, 2 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:
- none
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