Kigen - Generate Design System Variable, Style & Document

About this plugin

Create your design system foundations — variables, styles, and tokens — in just a few clicks.

Color palettes, typography, spacing, and documentation are all set up for you — no guesswork, no hassle.

------

Plugin Features:

Color Palette


Ready-to-use color palettes sourced from top design systems like Material, Fluent, Tailwind, Polaris and many more popular colors — perfect for customizing and extending for your brand.

Predefined Variables

Kickstart your project with a best-practice set of variables — easily customizable to fit your design system.

Semantic / Alias Tokens

Built-in semantic colors (Success, Error, Warning, Info, etc.) ensure accessible and consistent UI communication across your product.

Typography Tokens & Styles


Scalable font sizes, weights, and line heights are tokenized to maintain consistency across all your text styles.

Size & Misc Variables


Standardized spacing scales and layout dimensions — designed for seamless padding, margin, and sizing management.

Export Variables & Style

You can export all variables and styles for developers and share them as CSS, JS, or JSON files.

Print all for Documentation


Easily generate and print all necessary token details for review, sharing, or developer handoff. Best to document all tokens & style.

FREE + PRO

Currently, Everything is available for free. If anything change for pro. Individual license is FREE for early users—just grab it now, and it will remain Pro for you with all future updates.

Get PRO license here

------

Color libraries

1. Tailwind CSS
2. Material Design
3. Fluent
4. Radix UI
5. Atlassian
6. Polaris
7. Uber Base
8. Frames X
9. Ant Design
10. Open Color
11. Untitled UI

---

Coming Soon...

1. Export token for development (V1 Released)
2. More color and typography preset
3. Better documentation layout
4. Basic component (Button, Input etc)

Live website - kigen.design

Feedback & Support:

I'd love to know what you made using this plugin. Feel free to tag me or say hi on Twitter (@realvjy). You are also welcome to share your feedback or bug reports 🙏

Also, if you like my work, any support would be greatly appreciated.

Buy me a Coffee

-----

More work and stuff on my website vjy.me