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 projects
Made 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 | 14 installs, 8 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