About Kigen
Kigen is a free Figma plugin published by vijay verma in 2025. It works in Figma Design and has 37,447 users and 1,852 likes on the Figma Community. It ranks #9 in Variables & Tokens, #15 in Best of 2025 and #16 in Design Systems on our lists.
In the developer's words
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 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
- Tailwind CSS
- Material Design
- Fluent
- Radix UI
- Atlassian
- Polaris
- Uber Base
- Frames X
- Ant Design
- Open Color
- Untitled UI
- Carbon
- Bootstrap
---
Coming Soon...
- Export token for development (V1 Released)
- More color and typography preset
- Better documentation layout
- 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
What's new
Version 17 · released Sep 13, 2025
- 🐞 Fix Bug
- Atlassian Color Mapping Fix
Permissions and privacy
Network access
Kigen can only connect to the domain declared in its manifest: *.kigen.design.
- *.kigen.design
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Kigen ranks
Kigen alternatives
- 1
Tokens Studio for Figma
by Jan Six
369K users7.6KFree + paid featuresThe scalable design tokens solution for Figma
- 2
Design System Organizer
by Arthur
205K users3.1KFree + paid featuresExtended swap for variables/styles/components, export variables/styles, bulk-audit library & mockups
- 3
Styles & Variables Organizer
by Chenmu Wu
140K users3.3KFree + $15 upgradeApply styles and variables to all your designs with one click!
- 4
Export/Import Variables
by Honza Toman
91K users1.7KFreeExport variables from one file and import them to another. Supports modes, references, and scopes.
- 5
Styles to Variables
by Yann-Edern Gillet
90K users1.1KFreeConvert your Figma Styles into Variables
- 6
Variables Pro
by Figterate
82K users479FreeVariables Pro | Swap, Import, Export Variables
Kigen FAQ
What does Kigen do?
Create Design System Variables, Tokens, Styles and more with documentation. It's a Figma plugin by vijay verma that runs in Figma Design.
Is Kigen free?
Yes. Kigen is free to install and run from the Figma Community, with no paid tier listed.
Is Kigen safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Kigen can only connect to the domain declared in its manifest: *.kigen.design. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Kigen?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Kigen?
By user count, the closest alternatives are Tokens Studio for Figma, Design System Organizer and Styles & Variables Organizer. Compare all of them on the best Figma plugins for variables & tokens.
Built this plugin?
Use this page as a landing page for Kigen: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/kigen/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Kigen on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review