FAQ about Kombai
What is Kombai?
Kombai is an AI-powered tool that converts Figma designs into front-end code with ease. It uses deep learning and heuristic models to accurately generate high-quality UI code.
How to use Kombai?
Open your Figma design file and import it into Kombai. The tool will generate the necessary code for each design component, which you can then download and use in your project.
Can Figma itself provide all the UI code?
Figma offers some basic CSS properties, but comprehensive UI code must be written by developers. Existing Figma-to-code plugins often fall short for modern responsive applications, but Kombai fills this gap effectively.
Do I need to label or name layers in Figma?
No specific tagging, naming, or grouping of design elements is required. Kombai is trained to generate code based on the visual aspects of the design.
What technologies power Kombai?
Kombai combines deep learning with heuristic models to interpret UI designs and generate code. These models mimic developer decisions to produce high-quality UI code.
Is Kombai built on publicly available models?
While Kombai leverages some public models, it primarily relies on its own purpose-built models, extensively trained for generating accurate code.
Which front-end languages and frameworks does Kombai support?
Kombai generates code for React and HTML + CSS. It supports both vanilla CSS and Tailwind CSS, and users have successfully adapted its HTML + CSS output for frameworks like Vue, Svelte, Angular, and Django with minimal changes.
Is Kombai free?
Currently, Kombai is available for free in its public research preview for individual developers.
What if the generated code from Kombai isn't correct?
Occasionally, Kombai may produce incorrect outputs due to design ambiguities or unusual visual elements. Use the 'regenerate' button to try again or apply design prompt engineering to guide the model.