What is Kigen?
Kigen is a handy Figma plugin that helps you build complete design systems in minutes. With just a few clicks, you can set up core variables and styles—from color palettes to typography scales—following industry best practices. It includes prebuilt variable sets, semantic color aliases for success and error states, and standardized spacing and size tokens. When you’re ready, export everything in JSON, CSS, or other formats for easy sharing or developer handoff. Kigen makes starting a design system fast, simple, and scalable without the usual setup headaches.
Key features
- Generate and customize primitive color palettes from popular design systems.
- Quickly start with predefined variable sets built on best practices.
- Map semantic aliases for consistent UI messages like success, error.
- Tokenize font sizes, weights, and line heights for consistent typography.
- Define spacing and size variables for padding, margins, and layouts.
- Export design tokens in JSON, CSS, and documentation for handoff.
Category
Website
Links
Location
Founder
vijay verma