Skip to main content

Built a tool that generates a full design system and exports it to Figma in one click, looking for feedback before a revamp

  • June 1, 2026
  • 0 replies
  • 17 views

Janvi Guliyan

Hey everyone,

I had a conversation with a user who got stuck at a step I thought was obvious. It wasn't.

That was enough to finally start the revamp. Before I change anything though, I'm collecting real usage data, would love for you to try it and tell me what feels confusing or broken.

What the tool does: Drop an image or brand color → it generates a complete starter design system and outputs a plugin script you paste into the Figma console. What gets created in your Figma file:

  • Color variables (50–900 scales), synced with tokens
  • Typography text styles
  • Button variants (40 total: 4 types × 2 sizes × 5 states) — all bound to the color variables so updating the palette propagates automatically

Why it might be useful: Design system kickoffs usually mean manually wiring up 60+ variables every time. This skips that step entirely.

Try it free: https://designsystem-generator-bbs.vercel.app/

Demo: https://youtu.be/meP4kaoAeMA

If anything feels off or confusing: reply here or DM me. That feedback is exactly what I'm building toward.