Skip to main content
HueKit

HueKit

HueKit is a powerful Figma plugin that automatically generates complete design system foundations. It transforms raw colors into structured, accessible design tokens — including color scales, typography, spacing tokens, and semantic variables — all with a single click.

Visit the Website

Impact Area

Developer Tools

Services

SaaS Development

Months of Active Angagement

3

About The Customer

HueKit was born from the need to streamline the repetitive process of building design system foundations from scratch. As an in-house product by Prome Solutions, it addresses a gap in the Figma ecosystem where designers spend hours manually creating color scales, checking contrast ratios, and setting up design tokens for every new project.

Business Need

Designers consistently face the challenge of setting up design system foundations for every new project. Creating mathematically precise color scales, ensuring WCAG accessibility compliance, generating light and dark mode variants, and exporting tokens in developer-friendly formats is time-consuming and error-prone. The market needed a tool that could automate this entire workflow within Figma's native environment while supporting popular frameworks like Tailwind CSS, shadcn/ui, and Radix Colors.

Our Solution

Prome Solutions designed and developed HueKit as a Figma plugin that generates 11-step color scales with mathematically precise lightness progression, performs real-time WCAG AA/AAA contrast checking, and creates semantic color mappings for both light and dark themes. The plugin exports tokens as Figma Variables and in multiple code formats (JSON, CSS, SCSS). It ships with preset libraries for Tailwind CSS, Radix Colors, shadcn/ui, DaisyUI, and Material UI, plus pre-built starter components wired to generated tokens.

Result

HueKit launched successfully as a freemium SaaS product with three pricing tiers. It enables designers to go from an empty Figma file to a production-ready design system foundation in a single click, dramatically reducing setup time from hours to seconds. The plugin serves junior to senior designers across the product design industry and continues to receive active development and updates.