Kombai is an AI-powered platform that converts Figma designs into high-quality HTML, CSS, or React code. The platform is designed to help developers save time and focus on the complex business logic that only they can write.

One of the main advantages of Kombai is that it eliminates the need to tag, name, or group design elements in any specific way or use auto-layout. Instead, the platform is trained to create code based on what the design would "look like" to a developer. Kombai generates logically structured divs, React components, and CSS for flex with no hardcoded dimensions, appropriate flex properties, and padding. The code also includes high-quality JS code with loops and conditions and functional components for form elements.

Kombai uses an ensemble of deep learning and heuristics models, each purpose-built for a specific sub-task of interpreting UI designs and generating UI code from the derived interpretation. The models have been trained to emulate the implicit and explicit inferences made by developers while building UI code from designs.

Currently, Kombai generates React and HTML + CSS codes, and the CSS output can be either in vanilla CSS or tailwind. Early users have also been able to use Kombai with non-React frameworks, like Vue, Svelte, Angular, and Django, by taking the HTML + CSS output and modifying it minimally as per their frameworks of choice.

Kombai is currently in "public research preview" and is free to use for individual developers. However, as a generative model, Kombai doesn't follow strictly rule-based boundaries and can produce incorrect outputs at times. In such cases, users can try regenerating the code using the "regenerate button" in the app or nudge the model using "design prompt engineering" to steer Kombai in the right direction.

Overall, Kombai is a powerful platform for developers looking to effortlessly convert Figma designs to flawless front-end code.