Kombai

Automatically converts email designs to clean code
访问官方网站

什么是Kombai?

Kombai是一款基于人工智能的Figma转代码转换工具，可以帮助设计师将他们的Figma设计轻松转换为无缺陷的前端代码。它使用深度学习和启发式模型解释UI设计，并生成具有像素完美精度的高质量UI代码。

如何使用 Kombai?

使用Kombai很简单，只需在Figma中打开您的设计文件并将其导入到Kombai中。工具将自动为设计中的每个组件生成代码。然后您可以下载生成的代码并在前端开发项目中使用。

Kombai

Kombai

Kombai可用于以下场景： 1. 设计到代码的交接：快速将Figma设计转换为前端代码，供开发人员实现。 2. 快速原型设计：生成代码，快速实现设计想法。 3. 非技术设计师的代码生成：允许具有有限编码知识的设计师根据设计生成功能性的前端代码。

Q：
我能从Figma本身获取所有的UI代码吗?
A：
很遗憾，Figma本身并没有为开发人员提供全面的UI代码。虽然可以获取某些简单的CSS属性，但开发人员仍然需要自己编写大部分UI代码。现有的Figma到代码插件通常会为现代响应式应用程序生成不合适的代码。
Q：
我需要在Figma中标记或命名图层吗?
A：
不，您不需要以任何特定方式标记、命名或分组设计元素。Kombai是根据设计的整体视觉外观创建代码的。
Q：
Kombai使用哪些技术?
A：
Kombai使用了一系列深度学习和启发式模型，专门训练用于解释UI设计并生成UI代码。这些专用模型模拟开发人员在构建UI代码时的推理过程。
Q：
Kombai是否使用公开可用的模型?
A：
不，Kombai花费了大量时间从头开始构建和训练专门的模型。虽然使用了公开的模型来增强代码的某些方面，但Kombai的大部分代码输出来自其自己的模型。
Q：
Kombai支持哪些前端语言和框架?
A：
当前，Kombai生成React和HTML + CSS代码。它还支持纯CSS或tailwind进行CSS输出。用户报告称，他们在非React框架（如Vue、Svelte、Angular和Django）中使用Kombai的HTML + CSS输出时，只需进行少量修改。
Q：
Kombai是否免费使用?
A：
是的，Kombai目前处于公开研究预览阶段，个人开发者可免费使用。
Q：
Kombai生成的代码看起来不对。我该怎么办?
A：
作为生成模型，Kombai有时可能会产生不正确的输出，特别是在设计模糊或可视方面存在不自然偏差的情况下。您可以尝试使用“重新生成”按钮重新生成代码，或使用设计提示工程将模型引导到正确的方向。

全部({{commentRowsTotal}})

{{item.createDate}}
{{item.content}}