Back to Plugins
Zagreb
Export Figma variables to DTCG design tokens JSON
Plugin Preview
About this plugin
Export your Figma variables as design tokens in standard DTCG (Design Tokens Community Group) JSON. Choose which variable collections and modes (themes) to include, set export units per scope (px, rem, unitless), and get a file ready for Style Dictionary or any token pipeline.
- Select collections and themes with checkboxes before export
- Extended settings: unit per variable scope (font size, line height, spacing, etc.)
- Rem conversion with configurable base (e.g. 16px = 1rem)
- Colors with alpha as 8-digit hex when transparent
- Nested structure, hex colors, and dimensions — ready for CSS and codegen
- Save as file or use the exported JSON in your build
Plugin Details
| Version | 1 |
|---|---|
| Created | February 13, 2026 |
| Last Updated | February 13, 2026 |
| Category | Import & export plugins |
| Creator | Nikolay |
| 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