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
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.