tokenhaus - Variable Import/Export with Links
Export & import Figma variables with alias links preserved in DTCG format
Plugin Preview
About this plugin
🎨 tokenHaus makes it easy to export and import Figma variables while preserving all alias/reference links between tokens.✨ KEY FEATURES:• Export variables to DTCG (W3C Design Tokens) format• Import tokens from JSON with full alias resolution• Preserve links between primitive and semantic tokens• Filter by collection or token type (primitives/semantics)• Smart conflict handling - update, rename, or skip existing variables• Drag & drop JSON file support• Copy to clipboard or download as file🔗 ALIAS SUPPORT:Unlike other export tools, tokenHaus maintains the relationship between your semantic tokens and primitives. When you export "color/primary" that references "blue/500", the link is preserved in the JSON and restored on import.📋 DTCG FORMAT:Uses the W3C Design Tokens Community Group standard format, making your tokens compatible with other design systems and tools.🚀 PERFECT FOR:• Syncing variables between Figma files• Backing up your design tokens• Sharing token libraries with your team• Migrating tokens between projectsMade with ❤️ for design systems teams.
Plugin Details
| Version | 6 |
|---|---|
| Created | December 3, 2025 |
| Last Updated | December 13, 2025 |
| Category | Import & export plugins |
| Creator | Alp Yaprak |
| Stats | 33 installs, 12 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