Kigen

Kigen是一款专为 Figma 设计师打造的插件，帮助你高效创建设计变量（Design Tokens）与样式（Styles），加速设计系统的搭建。

在 Figma 中，变量（Variable） 是可复用的设计值，如颜色、字体大小、间距等，也常被称为 Tokens。它们是设计系统保持一致性和可维护性的核心。

核心功能

智能调色板生成

• 内置来自 Material、Fluent、Tailwind、Polaris、Radix UI、Ant Design 等主流设计系统的经典调色方案。
• 支持基于单一主色，通过多种算法（如 Tailwind CSS、Lightness Scale 等）自动生成完整色阶。
• 提供 对比度调整（Contrast Shift），确保生成颜色满足可访问性标准。

预定义变量集

• 开箱即用的语义化变量：如 color.success、color.error、space.md、font.body 等。
• 包含：
  • 颜色（基础色 + 语义别名）
  • 排版（字号、字重、行高）
  • 间距与尺寸（标准化比例系统）
• 所有变量均可一键创建为 Figma 变量，并绑定到本地样式。

开发者友好输出

• 支持导出为 JSON、CSS、Tailwind（含 v4）、Design Tokens 等格式。
• 可打印完整变量文档，便于设计评审或移交开发。

即时复制与集成

• 点击任意色块即可复制色值（支持 HEX、RGBA、HSL、OKLCH）。
• 一键导出为 SVG 或 Figma 色板文件，无缝融入工作流。

Kigen Color Generator（独立免费工具）

除了 Figma 插件，Kigen 还提供一个在线调色盘生成器（Kigen Color Generator），无需安装即可使用：

1. 输入主色：支持 HEX、RGB、HSL、OKLCH 等格式，或通过滑块微调。
2. 选择算法：Tailwind、Radix、Ant Design、自定义明度阶梯等。
3. 设置数量与命名：默认生成 11 色，最多 20 色；可自定义命名规则。
4. 导出使用：复制色码、下载 SVG，或直接用于 Figma/Tailwind 项目。

✅ 完全免费，适合 UI/UX 设计师、前端开发者快速获取色彩灵感与系统化配色方案。

使用与许可

• 当前版本免费：可用于个人及商业项目。
• Kigen Pro（未来）：将解锁高级功能（如无限颜色生成、批量导出等）。目前仅“创建新颜色”需 Pro，其余功能全部开放。
• UI 极简直观：插件内含引导演示，上手无需学习成本。