Kombai

Kombai 自称「AI 设计工程师」，把设计界面和写前端代码放进同一个循环：先在画布上生成与迭代 UI，再产出能落进现有代码库的代码。它提供 macOS、Windows、Linux 桌面端，也有 VS Code 与 Cursor 插件，官网称安装量已超过 70 万。与其他代码生成工具的区别在于，它会先读你仓库里的设计系统、组件与 token，再决定怎么改。

核心能力

• 设计与代码一体：在无限画布上先试不同方案，确认结构后再同步到生产代码，避免边想边改线上文件。
• 品味代理：官方称会先识别每个任务里关键的设计决策，再给出高质量选择，而不是套用模型的默认审美。
• 深接现有工程：读取仓库、npm 套件、Storybook 与 Figma 里的组件、token 与 hook，新代码沿用既有结构。
• 多模型可选：内建 50 多个模型，可在 Claude、GPT、Grok、Kimi 之间切换，也能交给内建路由器自动选。
• 并行代理：同一画布或多个画布上并行跑多个设计代理，适合一次改多个组件。
• 实测数据：官方用自建的 Design Creativity Bench 评测，称原创性最高提升 13 个百分点、创意跨度提升 23 个百分点。

适合谁

• 前端工程师：把设计稿或截图变成贴合项目规范的真实组件。
• 产品设计师：在工程介入之前，先做出可点击的界面原型。
• 设计系统维护者：批量重构组件表面样式，同时保持属性与行为不变。
• 小团队与外包工作室：一个人承担设计与实现两段工作。
• 独立开发者：快速做出不像模板的落地页与产品界面。

使用建议

• 先从 VS Code 或 Cursor 插件试起，能在真实仓库上下文里看到生成结果。
• 第一次用先让它读设计系统与关键组件，后续生成才会跟着规范走。
• 把大改拆成多个小任务丢进并行代理，比一次给一大段需求更可控。
• 画布阶段多试几版，确认结构再同步回代码，能明显减少返工。
• 官方另有 2 万多份免费 UI 设计案例库，可作为提示词与风格参考。