Kombai
Kombai · Programação
Kombai é um agente de design frontend com IA que explora interfaces numa tela infinita e escreve código pronto para produção dentro do seu repositório.
Sobre Kombai
About
O que é o Kombai
O Kombai é um agente de engenharia de design para trabalho frontend. Ele ocupa dois lugares ao mesmo tempo: uma tela infinita onde você testa layouts e o seu código, onde escreve componentes que combinam com o que a equipe já publica. É aí que está a diferença. Quase toda ferramenta de código com IA parte de um prompt e devolve um arquivo, enquanto o Kombai parte de uma decisão de design e termina num diff que dá para revisar.
A empresa começou com uma ferramenta de Figma para código e depois reconstruiu o produto em torno de uma camada de critério próprio, chamada taste agent. Essa camada escolhe estrutura, tipografia, espaçamento e movimento para cada tarefa, em vez de repetir os padrões da IA. O Kombai mede a diferença no seu próprio Design Creativity Bench, onde relata ganhos de até 13 pontos percentuais em originalidade e 23 pontos em amplitude criativa. São números da própria empresa, então vale lê-los como afirmação do fabricante.
Como ferramenta de design de UI com IA, ela rende mais quando existe algo para seguir. Um repositório, um design system, um Storybook ou um arquivo do Figma dão restrições reais ao agente, e o resultado chega mais perto de produção. Projetos do zero também saem, mas você passa mais tempo ajustando o rumo. O outro limite está no formato: é um app de desktop e uma extensão de IDE, sem versão que rode só no navegador.
Primeiros passos
- Baixe o app para Windows, macOS ou Linux, ou instale a extensão pela marketplace do VS Code, Cursor, Antigravity, Trae ou Kiro.
- Entre na conta e abra uma pasta de projeto, para o Kombai ler seus componentes, tokens e arquivos de dependências.
- Importe um arquivo do Figma ou descreva a tela que você quer, e deixe o roteador automático escolher o modelo ou selecione um você mesmo.
- Ajuste o resultado na tela ou no Kombai Browser, gere o código e revise o diff antes do merge.
Informações do produto
Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de Kombai.
Ideal para
Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.
Usuários
- Desenvolvedores frontend
- Designers de produto
- Times de produto pequenos
Tarefas
- Converter telas do Figma em componentes React
- Montar landing pages e seções de marketing
- Reestilizar uma página conforme o design system
- Conferir um fluxo de usuário antes do merge
Cenários
- Um sprint de redesign com prazo curto
- Sua primeira semana num código desconhecido
- Polimento semanal de interface
Principais recursos
Modo design numa tela infinita
O Kombai abre com uma tela, não com uma caixa de chat. Você coloca telas lado a lado, edita texto, espaçamento e layout à mão, e pede variações quando uma direção fica sem graça. Tudo permanece como HTML vivo, com estados e animações, então o que você compara está perto do que vai ao ar.
Código de produção no seu repositório
O modo código escreve dentro do seu projeto, não num sandbox. O Kombai lê o framework, os padrões de componente e a estrutura de arquivos, e aplica práticas conhecidas para mais de 400 bibliotecas frontend. O resultado chega como diff revisável, o que pesa se o time exige revisão antes de integrar.
Context Graphs e memória do design system
Os Context Graphs indexam componentes, tokens, hooks e utilitários, incluindo pacotes npm privados e stories do Storybook. O agente reaproveita o que encontra em vez de escrever uma segunda versão de um botão que já existe. Com o tempo, as decisões guardadas mantêm as páginas novas alinhadas às antigas.
Importação nativa do Figma
Arquivos do Figma entram por integração direta, sem servidor MCP no meio. O Kombai interpreta arquivos complexos e conserta problemas comuns, como grupos aninhados que escondem o espaçamento ou camadas que nunca deveriam aparecer. Ícones e assets vêm junto com o layout.
Navegador editável e testes automáticos
O Kombai Browser renderiza seu frontend e deixa você mudar textos, estilos e layout de forma visual. Essas edições voltam para o código, e depois o agente percorre os fluxos de usuário sozinho para achar estados quebrados. É um ciclo rápido para os últimos dez por cento de uma página, que costuma ser a parte lenta.
Seletor com mais de 50 modelos
O Kombai traz um agente de IA para frontend que chama modelos da Claude, GPT, Grok, Kimi e outros, além de um roteador que casa o modelo com o trabalho. Dá para gastar um modelo forte em decisões de layout e um mais barato em tarefas repetitivas de componente. A geração de imagem, vídeo e animação passa por Veo, Seedance e Nano Banana.
Prós e contras
Prós
- O código gerado reaproveita seus componentes e tokens, então os comentários de revisão costumam ser de detalhe, não de estrutura.
- A importação do Figma aguenta arquivos reais, inclusive os agrupamentos bagunçados que travam conversores mais simples.
- Design, código e teste no navegador ficam num app só, o que elimina quase toda a troca de ferramenta.
- Mais de cinquenta modelos e um roteador dão uma alavanca direta sobre custo e qualidade em cada tarefa.
- O plano gratuito serve para avaliar, e os planos pagos somam conformidade SOC 2 e a promessa de não treinar com seus dados.
Contras
- Os créditos acabam rápido em exploração pesada, e os pacotes extras são cobrados além da assinatura.
- Não existe opção só web, então um Chromebook ou uma máquina bloqueada fica de fora.
- Projetos pequenos do zero aproveitam menos o contexto, porque não há design system para reutilizar.
- Comandos de terminal e testes de navegador ainda precisam de revisão humana antes de chegar à produção.
Perguntas frequentes
Ele desenha e escreve código de interface frontend. Você explora layouts numa tela e o agente redige código de produção no seu repositório com seus componentes e convenções. Também edita a página em execução num navegador próprio e testa fluxos.
Conteúdo relacionado
Explore ferramentas, skills e artigos relacionados a Kombai.
Alternativas a Kombai
Base Code
Base44 (Wix) · Programação · ProdutividadeO Base Code é um ambiente de desenvolvimento em nuvem compartilhado da Base44. O time descreve mudanças em um repositório do GitHub pelo chat, confere tudo na prévia e envia o resultado como pull request.
Google EmbeddingGemma 2
Google DeepMind · Escrita · Imagem · ProgramaçãoGoogle EmbeddingGemma 2 é um modelo aberto de 740 milhões de parâmetros que transforma texto, código, imagens, áudio e quadros de vídeo em vetores de um único espaço de 768 dimensões, rodando em celulares e notebooks.
GitGlow
GitGlow · Programação · ProdutividadeO GitGlow é um cliente Git de desktop que coloca seu código e as mudanças dos seus agentes de IA na mesma revisão, para você saber o que vai sair da máquina antes de publicar.