什么是Kombai?
Kombai 是一款AI驱动的Figma转代码工具,能够将你的设计文件一键转换为高质量的HTML、CSS或React代码。它让开发交接变得自动化,节省时间,并以像素级精度将设计变为现实。
Kombai的核心功能有哪些?
- 无需手动标记:无需在Figma中标记、命名或分组元素,Kombai会自动处理。
- 逻辑化的代码结构:生成具有人类可读类名和组件名的React组件。
- 灵活的CSS布局:使用flex布局,避免硬编码尺寸,自动生成flex-grow、flex-shrink等属性。
- 高质量的JS代码:包含循环和条件语句,并可从设计输入中生成模拟数据。
- 功能性表单组件:支持按钮、输入框、选择框等表单元素,使用MUI Base或HTML。
Kombai的使用案例有哪些?
- 网页开发:快速将Figma设计转换为React或HTML+CSS代码。
- 邮件模板:生成响应式邮件模板,适用于各种邮件客户端。
如何使用Kombai?
- 在Figma中打开你的设计文件。
- 使用Kombai工具导入设计。
- 一键生成代码,并根据需要进行调整。









