0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#5 in Variables & Tokens

Kigen

Create Design System Variables, Tokens, Styles and more with documentation

by vijay verma

users
34K
likes
1.7K
saves
8.8K
comments
52
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v19 · Jun 9, 2026
First published
Apr 29, 2025
Publisher
vijay verma
Features

What Kigen does

Summarised from vijay verma's description on the Figma Community.

  • New: Kigen Design System Figma Preview

    ------

  • Color Palette

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

  • 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.

On this page
Overview

About Kigen

Kigen is a free Figma plugin published by vijay verma in 2025. It works in Figma Design and has 33,959 users and 1,738 likes on the Figma Community. It ranks #5 in Variables & Tokens, #12 in Best of 2025 and #12 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

  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
  12. Carbon
  13. Bootstrap

---

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

Changelog

What's new

Version 19 · released Jun 9, 2026

  • Bug Fix, Monthly Option enabled
Trust

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.

Rankings

Where Kigen ranks

Compare

Kigen alternatives

  1. 1

    Styles & Variables Organizer

    by Chenmu Wu

    134K users3.2KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

    View details
  2. 2

    Export/Import Variables

    by Honza Toman

    85K users1.7KFree

    Export variables from one file and import them to another. Supports modes, references, and scopes.

    View details
  3. 3

    Design Tokens

    by Lukas Oppermann

    62K users1.9KFree

    Export design tokens to JSON or GitHub.

    View details
  4. 4

    Figma Tailwindcss

    by Jan D'Hollander

    53K users606Free

    Export design tokens to tailwind theme

    View details
  5. 5

    variables2css

    by Kai-Uwe Hella

    28K users353Free

    Convert Figma Variables to CSS, Sass, Tailwind, Json, Javascript (Styled-Components), Less or Stylus

    View details
  6. 6

    Variables manager: reorder and copy variables between files

    by Figgy

    25K users188Free + paid features

    Save, copy, and reorder variables across files easily

    View details
FAQ

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 Styles & Variables Organizer, Export/Import Variables and Design Tokens. Compare all of them on the best Figma plugins for variables & tokens.

For developers

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.

Kigen on figmaplugins.co

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>