Design Token Extractor
Bridge Design and Development, Effortlessly
Plugin Preview
About this plugin
Design Token Extractor is a Figma plugin that streamlines the process of extracting and exporting design tokens from your Figma files. It allows designers and developers to bridge the gap between design and code by automatically capturing design system values like colors, typography, spacing, effects, and radii directly from selected Figma layers.The plugin provides a clean, intuitive interface where users can:Select specific layers in Figma to extract tokens fromView and organize tokens by category (Colors, Typography, Spacing, Effects, Radii)Export tokens in multiple formats (JSON, Camel case, Kebab case, Snake case)Copy or download the extracted tokens for immediate use in developmentThis tool eliminates manual token documentation and reduces inconsistencies between design files and codebases, making it essential for teams maintaining design systems.
Plugin Details
| Version | 1 |
|---|---|
| Created | January 9, 2026 |
| Last Updated | January 9, 2026 |
| Category | Import & export plugins |
| Creator | Moluno Elvis |
| Stats | 21 installs, 4 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
The plugin may need to fetch fonts, libraries, or other assets from various CDNs to render previews accurately.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.