Sempre que alguém entra em vibe-coding e vibe-design, é provável que encontre grandes nomes como Replit, Lovable, Figma Make e talvez mais recentemente Claude Design. Essas ferramentas são mais do que boas, não se trata de aproveitá-las, mas se você se contentar com algo só porque é popular, provavelmente estará perdendo muitas oportunidades. Claro, eu estava procurando algumas ferramentas subestimadas na sala de humor e encontrei um monte que provavelmente nunca teria passado pelo meu radar de outra forma. E alguns deles estão no mesmo nível dos grandes jogadores, se não melhores.
Quer se manter atualizado sobre as últimas IA? O boletim informativo XDA AI Insider é publicado semanalmente com análises aprofundadas, recomendações de ferramentas e informações práticas que você não encontrará em nenhum outro lugar do site. Assine alterando suas preferências de boletim informativo!
Banana IA
É sólido, mas ainda não sei como descrevê-lo
Banana é estranho antes mesmo de você começar, porque na verdade não é um construtor de aplicativos completo, mas gera uma interface de usuário. Você descreve uma tela ou fluxo, ele cria maquetes interativas de várias telas na tela e, a partir daí, você pode exportar para o Figma como camadas editáveis apropriadas ou extraí-las como HTML/CSS. Essa é a essência disso. É uma ferramenta baseada em navegador, portanto não é necessário fazer download, mas você precisa se registrar, e os modelos que ela oferece já vêm com sistema de crédito (o nível gratuito é bastante generoso).
Meus resultados pareceram muito bons com Banani e acho que o seletor de modelo teve algo a ver com isso – consegui usar o Gemini 3.1 Pro e admito que meu primeiro pensamento foi que de alguma forma ele foi retirado da minha conta do Google AI Pro porque eu estava conectado ao meu Gmail. Mas, na verdade, os modelos já são atendidos com créditos do próprio Banani. O design que me deu foi muito limpo e justo, seguiu minhas instruções para todos os elementos e onde não dei detalhes preencheu as lacunas como um designer experiente. Portanto, no geral, o aspecto da conversão de texto é muito bom.
Mas foi na tela que fiquei um pouco confuso. Você obtém este painel esquerdo que parece uma edição de camadas, mas não exatamente. Ele mostra suas telas e os ativos nelas, e você pode selecioná-los para interagir com cada um individualmente. É útil quando você entende para que serve. Há também uma ferramenta de ponteiro que permite capturar elementos individuais e depois pedir à IA para refazê-los em vez de remodelar tudo por meio de um meta prompt. Novamente, isso é útil, mas ainda fiquei um pouco confuso com o layout da área de trabalho.
Antes de experimentar o Banani, li que era um editor de UI com tecnologia de IA, então esperava mais controles de edição manual. Quando entro no canvas, o layout é exatamente igual ao do editor UI, reforçando as expectativas de um editor manual. Mas os controles não estão lá e as “camadas” também não funcionam como camadas. Pode ter sido um equívoco meu ou a linguagem de marketing precisa de algum polimento.
Você pode exportar diretamente para o Figma, o que é na verdade uma ótima maneira de combinar o editor de IA na tela com controle manual. Você também pode exportar como PNG ou JPG, mas não há opção SVG, o que parece um estranho descuido da ferramenta de design. Sinceramente, li que Banani vale a pena principalmente porque oferece um modelo Gemini ou GPT forte e uma maneira de mover elementos individuais, apesar de suas falhas.
Experimentei Claude Design, Replit e Figma Make para design de UI e um avançou quilômetros
O mesmo prompt, três ferramentas de codificação de vibração muito diferentes
Aparece
Ele fala primeiro, depois constrói
Aparece é um construtor full stack decente; possui uma série de agentes especializados trabalhando simultaneamente em código, interface de usuário, testes e implantação. E também está na web. Os modelos são totalmente incluídos usando o que eles chamam de Universal LLM Key, então você nunca adiciona nada – os créditos cobrem o custo da API, o padrão é Claude Sonnet, e você pode aumentá-lo para GPT-5 ou ativar o modo “Ultra Thinking”, o que torna tudo mais difícil (mas queima mais créditos).
A primeira coisa que ele mostra é quase surpreendentemente simples; é apenas uma grande caixa de prompt, uma alternância entre web e dispositivos móveis e alguns prompts iniciais. Depois de inserir o prompt, ele leva você ao que parece exatamente com um chatbot normal e primeiro responde com texto, o que foi um pouco desconcertante para mim, pois essas ferramentas geralmente não funcionam. Antes de se comprometer a criar qualquer coisa, ele pergunta o que você deseja apresentar como questões de múltipla escolha. Eu realmente aprecio esta orientação.
Você tem que clicar na visualização para ver o que ele cria, o que abre uma barra lateral com o aplicativo rodando ao vivo – a mesma energia de Claude Artifacts ou Gemini Canvas, então não me incomodei com isso, embora toda a experiência seja muito simples com essa sensação de chatbot. Infelizmente, os controles de edição manual estão bloqueados por uma conta paga. Também serei honesto e direi que não fiz todo o possível com a colocação, mas posso garantir o design.
Ficou melhor do que o Banani – na verdade parecia um site que alguém havia criado especificamente, em vez de um modelo genérico codificado por vibração com tudo roxo e arredondado. A principal coisa que sempre acontece com isso é que os créditos passam rapidamente quando você está realmente tentando criar algo útil e repetitivo. Em geral, uma ferramenta poderosa, mas talvez não a mais acessível para quem tem um orçamento apertado ou experiência limitada.
Testei Claude Code, Codex, Lovable e Replit lado a lado e apenas um se sentiu pronto para o trabalho de verdade
Que a melhor IA seja enviada.
Díade
O que você precisa baixar e você tem seu modelo
Díade é o que quebra o padrão aqui porque tem que ser instalado e não vem com os padrões. Na verdade, também é de código aberto, se isso for importante para você, e foi desenvolvido por um desenvolvedor do Google. A configuração do modelo é o caminho a seguir, pelo menos para mim: é BYOK, então acabei de adicionar minha chave Antrópica existente, pois ainda tenho créditos de outros projetos, mas você também pode apontá-la para um modelo local e não pagar pela IA. Porém, não me importo de usar a API porque é sempre tão barata que estou falando de menos de um dólar por um protótipo de inclusão completa com iterações.
Quando eu estava nele, parecia muito com Emergent, que acabei de conferir no dia anterior. A mesma vibração do chatbot, mas este fornece um questionário detalhado para descobrir o que você deseja em termos de tipografia, layout, paletas, etc. Ele então começará a ser construído diretamente no chat e, no final, você obterá uma visualização ao vivo em janela dividida na qual você pode clicar (se você solicitou algo interativo). Novamente, no estilo Claude Artifacts, esse parece ser o layout que funciona, então imagino que muitas outras ferramentas seguirão o exemplo.
Acho que minha escolha de modelo fez muito trabalho pesado. Executei o Opus 4.8, que é muito bom para esse tipo de trabalho de front-end, e apareceu nos resultados. Era a landing page mais bonita das três por uma margem decente – combinava com estética, layout, cores e usabilidade. Então quero ter cuidado com o que realmente conto, porque muito disso é Opus, não Dyad. No entanto, o próprio Dyad ainda tem um ótimo espaço de trabalho e oferece personalizações que outras ferramentas nem sequer tocam (incluindo Replit e Lovable), como bibliotecas de temas personalizados, refinamento de IA e fluxos de trabalho nativos.
Criei um aplicativo usando Claude Design e Google Opal e apenas um o concluiu
Um terminou o trabalho
Então, qual é melhor que Replit e Lovable?
Embora eu tenha me divertido jogando os três, e nenhum deles é ruim, terei que escolher o Dyad. Adoro o fato de ser aberto, permitir que você escolha não apenas seu modelo, mas também seu fornecedor, e oferecer controle profundo sobre todo o pipeline de design. Isso é algo que nem mesmo os grandes nomes oferecem.
