Harshit Suneja
Harshit Suneja Experience Designer · PwC India

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.

#ArtificialIntelligence #ProductDesign #DesignSystems #Figma

View post & demo on LinkedIn ↗

Design System Generator

A Figma plugin that scaffolds complete design system foundations — including semantic tokens, key core components, and starting frames — in minutes.

Overview

A complete design system foundation, generated in an afternoon.

Input one brand color and a few layout choices. The plugin builds accessible color scales that pass WCAG, spacing that adapts to density, about forty core responsive components wired to real Figma variables, and five working starter screens.

Problem

Design system support was a week queue.

Internal tools teams waited weeks for foundational tokens and components before they could even start designing, so simple projects stalled at the very beginning.

Outcome

From a multi week wait to a foundation teams can build on the same day.

1 wks → 1 day
A multi week support queue collapsed to a foundation generated in a single session.
~40
Core responsive components scaffolded as native Figma variables.
5
Working starter screens teams can fork and build on immediately.