Token Exporter Pro
Export design tokens from Figma — with naming styles, framework formats, gradients & shadows.
Plugin Preview
About this plugin
Export Figma color, gradient, and shadow tokens with one click — no fluff, just clean, dev-ready output.
Choose your naming convention (camelCase, PascalCase, dot.notation…), match your framework (React, Tailwind, or plain CSS), and get tokens you can actually use.
Includes:
✅ Linear & radial gradients (with angles)
✅ Shadow exports (drop & inner)
✅ Format-ready for Tailwind, JSON, and SCSS
✅ Works great with Style Dictionary or custom configs
Perfect for design system handoffs, developer styling, and anyone who’s tired of manually formatting hex codes.
Plugin Details
| Version | 2 |
|---|---|
| Created | June 19, 2025 |
| Last Updated | June 20, 2025 |
| Category | Software development |
| Creator | Vidushi Pandey |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:read
- Network Access:
No external data used
- Editor Types:figma
- Allowed Domains:
- none
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
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI