Tokens SOT

About this plugin

Turn your Figma Variables, Gradients, Text Styles, and Effect Styles into production-ready code in just a few clicks.Tokens SOT helps designers export their design decisions directly from Figma — so your system doesn’t stop at mockups. Keep Figma as your source of truth and generate code that developers can use immediately.No manual rewriting. No need to import and setup into another platform. Designer friendly (no need to configure complicated scripts, resolvers or 3rd party libraries). No outdated JSON files, just clean ready-to-use exports.⸻🔎 What you can exportVariables (colors, spacing, typography, sizing, and more)GradientsText StylesEffect Styles (shadows, blurs)Export by collection or mode to match how your system is structured.⸻🛠 Supported formatsCSSSass / SCSSLESS / StylusJavaScriptJSONTailwindCopy to clipboard or download files instantly.⸻🌱 Why designers use Tokens SOTKeep your design system consistent across design and codeReduce friction during developer handoffUpdate tokens once and export again in secondsSupport scalable, system-driven workflowsDesign in Figma. Export with confidence. Ship with clarity.⸻🚧 ChangelogV1.1.1.Added:Resizable sidebarButton to expand the plugin window to fill the available screen area.Changed:Collection "drag-to-reorder" now persists visually.Token names truncate with an ellipsis when the sidebar is narrow, so the chevron icon is always visible.Expanded tree items no longer overflow the sidebar boundary.Plugin window expand/drag-resize no longer capped at fixed size.