Kombai

Kombai 是一个通过深度学习模型和启发式模型结合的综合系统。它的目标是理解并将UI设计转化为高质量的UI代码。

功能特点：

基于设计直接生成代码：Kombai能够接收设计文件作为输入，并通过模型推理将其转化为可用的UI代码。你无需手动标记、命名或分组设计元素，Kombai会根据设计的外观和可视规则生成代码。
逻辑的div结构和React组件：生成的代码包含逻辑清晰的div结构和React组件，这使得代码易于阅读和修改。Kombai为生成的类和组件提供了人类可读的命名，提高了代码的可维护性和可扩展性。
没有硬编码的flex CSS：Kombai生成的代码使用灵活的CSS flex布局，避免了硬编码的尺寸和固定布局。它会适当地应用flex-grow、flex-shrink、justify-content、align-items、gap、padding等CSS属性，以确保生成的布局具有响应性。
高质量的JS代码：Kombai能够生成具有循环和条件语句的高质量JS代码。它还能根据设计输入生成模拟数据，这些数据可以轻松替换为真实数据。
表单元素作为函数组件：Kombai生成的代码包括按钮、输入框、选择框、复选框和开关等表单元素，可以使用MUI Base或HTML编写。
提供工具支持：Kombai提供了一些工具来帮助你获取你想要的代码输出。例如，你可以通过设计提示工程来引导Kombai生成你需要的代码。
支持的技术：Kombai目前支持生成React和HTML+CSS代码。你还可以选择将CSS输出为原生CSS或tailwind。
免费使用：Kombai目前处于“公共研究预览”阶段，个人开发者可以免费使用它。