Export token
Quickly extract color and font tokens from Figma layers
Plugin Preview
About this plugin
Export token is a Figma plugin designed for designers to quickly extract color and font token information from selected layers.
### Key Features
- 🎨 **Smart Extraction**: Automatically identifies color and font styles from Figma Library
- 📋 **Live Preview**: Preview immediately after extraction with JSON/YAML format switching
- 💾 **One-Click Export**: Export files in the selected format
- 🔄 **Auto Deduplication**: Ensures each token appears only once
### Use Cases
- Design system maintenance and documentation generation
- Design token extraction and sharing
- Developer collaboration: Export design tokens for development use
- Token auditing: Check token usage in designs
### How to Use
1. Select layers that use Library styles
2. Click "Extract Tokens"
3. Choose format (JSON/YAML) and export
**Note**: The plugin can only extract style tokens from Figma Library.
---
Make design token extraction and export simple and efficient!
Plugin Details
| Version | 1 |
|---|---|
| Created | January 10, 2026 |
| Last Updated | January 10, 2026 |
| Category | Import & export plugins |
| Creator | versper |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main: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