Kombai lets you generate, preview, and save developer-quality frontend code through Figma, image, and text instructions. It is designed to help you write code faster and more efficiently, allowing you to focus on building great user experiences.

If you are new to Kombai, visit the following guides:

Set up

Guide to set up Kombai and start using it in your IDE.

Code mode

Guide to generate high-quality frontend code from Kombai.

​
What can Kombai do?

  • Convert Figma files, images, and text instructions into high-quality frontend code.
  • Generate an editable development plan before code generation.
  • Generate code based on your preferred tech stack.
  • Provide answers and code snippets based on your queries.
  • Run a dev-server to show previews of generated code.
  • Iteratively correct TS, compile, and run errors.
  • Setup a new repo and save the generated code.

​
How to use Kombai?

You can interact with Kombai with either of the two modes: Code or Ask.

  • Code mode is for generating code based on the selected tech stack. It is the default selected mode in Kombai.
  • Ask mode is for searching and understanding the existing codebase. It is ideal for familiarizing yourself with a codebase or asking general frontend-related queries.

Code mode

Generate high-quality frontend code in your desired tech stack.

Ask mode

Ask questions or queries to better understand the current codebase.