Kigen - Generate Design System Variable, Style & Document

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.

New: Kigen Design System Figma Preview------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.

Update: Dual mode supprted (Light & Dark)Predefined VariablesKickstart your project with a best-practice set of variables — easily customizable to fit your design system.

Semantic / Alias TokensBuilt-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 + PROCurrently, 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 librariesTailwind CSSMaterial DesignFluentRadix UIAtlassianPolarisUber BaseFrames XAnt DesignOpen ColorUntitled UICarbonBootstrap---Coming Soon...Export token for development (V1 Released)More color and typography presetBetter documentation layoutBasic component (Button, Input etc)Live website - kigen.designFeedback & 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