// 01 Kombai 是什么
是一个帮助开发者将设计转换为代码的平台。它允许用户上传设计文件,然后自动生成高质量的HTML、CSS或React代码。Kombai的特点包括:
- 支持使用Figma设计文件直接生成代码。
- 生成的代码包括逻辑的div结构和React组件,使用人类可读的类名和组件名。
- CSS代码使用flex布局,不包含硬编码的尺寸。
- 提供高质量的JS代码,包括循环和条件语句。
- 表单元素作为功能性组件,使用MUI Base或HTML。
Kombai还提供了一些独特的功能,如“设计提示工程”,允许用户通过提示来引导代码生成过程。此外,Kombai的代码输出主要来自于专门为UI设计解释和代码生成任务训练的模型,而不是使用现有的LLM或公共模型。
网站目前处于“公共研究预览”阶段,对个人开发者免费开放。它还提供了一些常见问题的解答,以及相关的文档和博客文章。
// 02 核心 功能
- 核心定位是一个帮助开发者将设计转换为代码的平台。它允许用户上传设计文件,然后自动生成高质量的HTML、CSS或React代码。
- 分类索引当前归档在 AI 编程,方便和同频工具横向比较。
- 能力标签关联标签包括 CSS、HTML、React、AI生成代码。
- 使用入口已记录可访问入口,可通过本页主按钮跳转。
// 03 使用 场景
- 快速判断是否适合当前任务结合 AI 编程 定位和 CSS、HTML、React 标签,先判断它是否匹配你的工作流。
- 横向比较同类工具从相同分类和标签继续探索替代工具,减少只看单个产品带来的选择偏差。
- 沉淀工具选型资料把官网入口、平台、版本和 NavXD 标签合并成一页,适合做选型记录或团队分享。
// 04 常见 问题
Kombai 是什么?
是一个帮助开发者将设计转换为代码的平台。它允许用户上传设计文件,然后自动生成高质量的HTML、CSS或React代码。
Kombai 适合哪些场景?
可优先参考它所属的 AI 编程 分类,以及 CSS、HTML、React、AI生成代码 等标签。
Kombai 是否提供可用入口?
本页已记录官网或下载入口,可通过顶部主按钮访问。
Kombai 支持哪些平台?
当前记录为网页工具,通常可通过浏览器访问。

