Build your design system with just one click. → Pick a color or extract one from an image → Auto-generates a full palette + typography scale → Check accessibility → Exports directly into Figma

MasterClass On Call Desktop beta — Instant feedback on how you communicate & lead in meetings.

Instant feedback on how you communicate & lead in meetings.

Hey everyone! 👋 I built this Design System Generator because starting a design system from scratch is always a bit messy — especially when you're just trying to get a quick starting point. The idea started as a color palette generator, but while building it I realized it could do more. So I extended it to generate a starter design system that designers can immediately use. What it does right now: • Choose a color or extract colors from an image • Generate and adjust the palette • Create typography scales • Check accessibility contrast • Export everything directly to Figma Would love to hear what you think and what features would make this more useful for you. Thanks for checking it out!

MasterClass On Call Desktop beta — Instant feedback on how you communicate & lead in meetings.

Instant feedback on how you communicate & lead in meetings.

Design System Generator

One click. Ready for your devs, Claude Code, or Figma.

One click. Ready for your devs, Claude Code, or Figma.