Episode #03 — Design System Generator
One brand color + a few choices → a complete Figma design system in minutes. Semantic tokens, ~40 components, starter screens. Afternoon to foundation, not six weeks.
Design System Generator
A Figma plugin that scaffolds complete design system foundations — including semantic tokens, key core components, and starting frames — in minutes.
To resolve the long wait times internal-tools teams face when requesting design system support, I built this automated generator to spin up complete foundations in minutes. By inputting a single brand color and selecting a few layout options, the plugin instantly maps out accessible semantic color scales using WCAG math libraries, generates density-aware spacing systems, and scaffolds approximately forty core responsive components as native Figma variables. The result is a robust, pipeline-ready design system foundation and five working starter screens that teams can immediately fork and use.
Try it
Currently invite-only while I stabilise the component coverage. If your team wants to pilot, ping me at hsuneja.suneja7@gmail.com.