Design Tokens Generator – Plan, Structure & Create Tokens Fast (Primitives, Semantic & Component)
Are you still struggling with planning and naming your design tokens?
In this video, I’ll show you how the new Tokens Generator from Design Tokens Toolbox helps you plan, structure, and generate design tokens fast — whether you’re creating primitives, semantic tokens, or component-specific tokens.
You’ll see the full workflow from planning to exporting and importing directly into Figma.
📌 Watch the same content in Arabic شاهد نفس الفيديو باللغه العربيه:
• Design Tokens Generator - أداه جديده بتساع...
⸻
You’ll learn how to:
✅ Plan and structure primitives, semantic, and component tokens
✅ Generate consistent and scalable token naming automatically
✅ Preview generated tokens before exporting
✅ Export tokens as JSON and import them into Figma
✅ Copy the generated Figma script and paste it into the Figma Dev Console
✅ Export your entire project and re-import it later
This tool is currently in alpha version, and your feedback is essential.
Please share bugs, issues, and feature requests in our Telegram channel to help us improve the tool.
https://t.me/osamaeldrieny
https://t.me/osamaeldrienychat
⸻
📌 Get Early Access:
🌐 Request early access to Tokens Generator or any tool from Design Tokens Toolbox: https://designtokenstoolbox.com/
📌 Tools Featured in This Video:
🌐 Design Tokens Toolbox: https://designtokenstoolbox.com/
🛠 Tokens Generator (Alpha): Available via early access request
Learn more:
• Design Tokens Theme Manager - New tool hel...
• Struggling with Multi-Themes in Figma? Thi...