Experimentei 5 ferramentas de vibe coding como não programadora. Aqui está minha experiência honesta.
Você já teve uma ideia genial para um aplicativo, só para lembrar que não sabe nada sobre programação? Essa tem sido a minha realidade há anos. Como redatora de conteúdo, sou cheia de ideias, mas o lado técnico de colocá-las em prática sempre pareceu fora do meu alcance.
Tudo isso mudou quando descobri o "vibe coding". É a promessa de que você pode criar software apenas descrevendo o que quer em inglês comum. Parecia um sonho. Será que eu realmente conseguiria construir um site sem escrever uma única linha de código? Eu tinha que descobrir.
Escolhi cinco das ferramentas de vibe coding mais comentadas e as coloquei à prova. Meu desafio era simples: construir um site de portfólio pessoal com um estilo criativo bem específico. Não estava interessada em um template genérico; queria ver se essas ferramentas de AI conseguiriam realmente entender e executar uma visão criativa.
Esta é a história do meu experimento. Não é um mergulho técnico profundo, mas um relato honesto de uma não-programadora que só queria ver se a magia era real. Veja o que aconteceu.
O Prompt Exato Que Usei em Todas as Ferramentas
Para manter este teste justo, usei exatamente o mesmo prompt nas 5 ferramentas:
"Construa para mim um site de portfólio pessoal para uma redatora de conteúdo. Inclua uma página inicial com minha biografia, uma página mostrando minhas amostras de escrita e um formulário de contato. Para o design, quero um estilo pop art / abstrato que pareça divertido e criativo. Use cores ousadas e vibrantes, mas certifique-se de que o texto ainda seja fácil de ler. Adicione cantos arredondados, tipografia divertida e animações sutis ao passar o mouse. Deve parecer divertido e enérgico, não chato ou corporativo."
Por que esse prompt? Ele testa tanto a funcionalidade (várias páginas, formulário de contato) quanto a interpretação de design (estilo específico, cores, animações). Isso me permite comparar o quão bem cada ferramenta segue uma direção criativa.
O Que Eu Estava Testando
Elemento de Design | O Que Eu Estava Buscando |
Estilo Pop Art / Abstrato | Um design divertido, criativo e enérgico, não um template corporativo chato. |
Cores Ousadas e Vibrantes | Uma paleta de cores que pareça divertida e animada. |
Legibilidade do Texto | Texto fácil de ler apesar das cores ousadas. |
Cantos Arredondados | Bordas suaves e arredondadas em elementos como botões e contêineres. |
Tipografia Divertida | Fontes divertidas e criativas que combinam com a vibe geral. |
Animações ao Passar o Mouse | Animações sutis ao passar o mouse sobre elementos interativos. |
Várias Páginas | Uma página inicial, uma página de amostras de escrita e uma página de contato. |
Formulário de Contato | Um formulário de contato funcional para receber mensagens. |
Veredito Rápido: Minhas Classificações de Relance
Classificação | Ferramenta | Facilidade para Não Programadores | Precisão de Design | Meu Veredito |
1 | Lovable | ★★★★★ | ★★★★☆ | Melhor para iniciantes de verdade |
2 | Replit | ★★★★☆ | ★★★☆☆ | Ótima opção versátil |
3 | Bolt | ★★★★☆ | ★★★☆☆ | Rápida, mas inconsistente |
4 | Cursor | ★☆☆☆☆ | ☆☆☆☆☆ | Poderosa, mas intimidadora para não programadores |
5 | Manus | ★★★★★ | ★★★★★ | Melhor precisão de design |
#1 Lovable: A Que Realmente Pareceu Mágica
Lovable é um construtor de aplicativos com IA que permite criar aplicações web simplesmente descrevendo o que você quer. É conhecido por produzir designs bonitos e refinados com mínimo esforço.
Usando a Ferramenta e Navegando por Ela
Logo de cara, senti um alívio com o Lovable. A interface estava limpa e refrescantemente simples, com uma caixa de prompt esperando pela minha ideia. Não havia botões confusos nem jargão técnico, o que a fazia parecer acolhedora em vez de intimidadora. Apreciei a opção de escolher um tema de cores, mas mantive meu prompt cru para ver o que a AI conseguiria fazer por conta própria. Ela até tinha uma opção de ditado por voz, o que foi um acréscimo atencioso para acessibilidade.
O Resultado
O resultado foi genuinamente impressionante. Embora não seja uma réplica perfeita de pop-art, o Lovable definitivamente capturou a vibe colorida e divertida que eu buscava. Incluiu cantos arredondados e fez uma tentativa de tipografia divertida, embora a fonte dos títulos pudesse ter sido mais variada, mas talvez tenha sido escolhida em prol da clareza. As animações de hover nos botões eram bem padrão, pequenos movimentos quando o cursor passava por cima, mas, novamente, nada de especial. Todas as páginas que solicitei estavam lá, e o layout era intuitivo. Parecia um site real e funcional, não apenas uma imagem estática. Notei algumas pequenas peculiaridades. Por exemplo, o logotipo da marca que ele criou só era clicável em uma metade, e alguns elementos parecidos com botões que tinham efeitos de hover não eram, na verdade, botões clicáveis, o que foi um pouco confuso. Mas essas pareceram questões menores que um prompt de acompanhamento provavelmente conseguiria corrigir.
Webapp construído pelo Lovable:
Qual foi o desempenho?
Design: Capturou lindamente a vibe colorida e divertida, mesmo que tenha pendido mais para o lado 'lúdico' do que 'pop-art'. A estética geral ficou polida e profissional.
Seguindo Instruções: Seguiu bem a maioria das minhas instruções, criando todas as páginas necessárias e incluindo elementos como cantos arredondados e tipografia divertida. O estilo específico 'pop-art' foi atendido apenas parcialmente.
Usabilidade: Excelente. A interface é incrivelmente intuitiva e perfeita para iniciantes.
Preço: O Lovable oferece um plano gratuito com créditos diários, e os planos pagos começam em US$ 25/mês para maior uso.
Meu Veredito como Não-Programador
Nível de Dificuldade: Como pedir uma pizza personalizada. Você diz o que quer e eles fazem para você.
Usaria Novamente? Com certeza. Se você é um não-programador em busca de um site bonito e funcional sem uma curva de aprendizado íngreme, o Lovable é um excelente ponto de partida. Para uma ferramenta gratuita, os resultados foram incríveis.
#2 Replit: A Plataforma Tudo-em-Um Que Faz Tudo
O Replit é um ambiente de desenvolvimento baseado em navegador com um Agent de AI capaz de planejar e construir aplicações inteiras. Ele gerencia tudo, da codificação à hospedagem, em um único lugar.
Usando a Ferramenta e Navegando por Ela
A interface do Replit era um pouco mais complexa que a do Lovable. Por ser um ambiente de desenvolvimento completo, tinha muitos botões e opções que não me eram familiares. No entanto, o Agent de AI foi um guia útil. Ele apresentou opções para construir, testar ou iterar, e eu pude escolher entre um modo "rápido" para mudanças ágeis ou um modo "autônomo" para a experiência completa do agent. Escolhi o modo autônomo para ver todo o seu potencial.
O Resultado
O site gerado pelo Replit foi razoável. Era colorido e tinha os cantos arredondados que pedi, mas não capturou bem o sentimento pop-art ou abstrato. O layout pareceu um pouco estranho, com um banner inferior esquisito e alguns espaçamentos desajeitados. A fonte, pessoalmente, não foi do meu agrado. Achei que não era a mais bonita, mas isso pode ser questão de preferência pessoal. O título principal na primeira página, "I turn coffee into copy" (Eu transformo café em texto), também foi um pouco confuso. As animações eram padrão e não particularmente boas, embora adicionassem algum dinamismo no geral. Infelizmente, meu principal problema foi que algumas das imagens na página de amostras de escrita estavam quebradas, aparecendo como ícones em branco. No geral, uma página web relativamente funcional, mas não a mais bonita esteticamente.
Webapp construído pelo Replit:
Qual foi o desempenho?
Design: O design era colorido, mas não acertou no estilo pop-art específico. O layout e parte do texto gerado pareceram um pouco aleatórios. A escolha da fonte foi questionável em todas as páginas.
Seguir Instruções: Criou as páginas e animações solicitadas, mas a interpretação do design ficou fora do esperado, e não conseguiu gerar todas as imagens.
Usabilidade: O Agent de IA foi útil, mas o ambiente geral pode ser sobrecarregado para quem não programa.
Preço: O Replit tem um plano inicial gratuito, com planos pagos como o plano Core a US$ 20/mês.
Meu Veredito como Não Programador
Nível de Dificuldade: Como tentar montar um móvel da IKEA com apenas metade das instruções. Você provavelmente consegue resolver, mas pode ser uma experiência frustrante.
Eu Usaria de Novo? Provavelmente não. Embora poderoso, parece mais adequado para quem tem alguma base em programação. A experiência foi um pouco técnica demais para o meu gosto.
#3 Bolt: O Construtor Mais Rápido do Pedaço
O Bolt.new é conhecido por sua velocidade, gerando protótipos funcionais em segundos. É popular para experimentos rápidos e iteração ágil.
Usando a Ferramenta e Navegando por Ela
A interface do Bolt era limpa e direta ao ponto, com a caixa de prompt bem no centro. Também tinha opções para anexar arquivos, escolher um banco de dados e até importar do GitHub ou Figma, o que pareceu poderoso. Gostei que ele mostrava um plano enquanto estava gerando, para que eu pudesse ver seu processo de pensamento. Usei o agente padrão, que era o Sonnet 4.5 da Claude.
O Resultado
O resultado final foi… colorido. Tinha as bordas arredondadas que eu queria, mas não seguiu muito bem o meu pedido de estilo pop-art ou abstrato, optando por cores mais lúdicas e em tons pastel. A tipografia era bastante padrão e sem graça, nada lúdica, exceto por uma tentativa nas palavras 'Word Wizard'. A biografia gerada foi surpreendentemente substancial, o que foi um toque agradável, especialmente comparando com as biografias produzidas pelas outras ferramentas. Todas as páginas que pedi estavam lá, e tudo parecia funcionar perfeitamente. No entanto, as animações eram genéricas e mínimas, sem acrescentar nada de especial à experiência. Também senti falta de alguns links entre as páginas para facilitar a navegação.
Webapp criado pelo Bolt:
Quão Bem Ele Se Saiu?
Design: O design ficou mais lúdico e pastel do que o estilo pop-art solicitado. Foi agradável, mas não era o que eu pedi.
Seguir Instruções: Criou as páginas e uma boa biografia, mas errou o alvo no estilo de design e nas animações.
Usabilidade: Muito direta e fácil de usar.
Velocidade: Incrivelmente rápida, com uma primeira versão pronta em menos de 2 minutos.
Preço: O Bolt tem um plano gratuito com limite diário de tokens, e os planos pagos começam em US$ 25/mês.
Meu Veredito como Não-Programador
Nível de Dificuldade: Como usar um micro-ondas. É rápido e fácil, mas você não vai ter uma refeição gourmet.
Eu Usaria de Novo? Talvez, se eu precisasse de um site rápido e simples e não estivesse muito preocupado com o design específico. É ótimo para prototipagem rápida, mas espere fazer alguns ajustes manuais para acertar o design.
#4 Cursor: O Favorito dos Desenvolvedores (Mas e os Não-Programadores?)
O Cursor é um editor de código com tecnologia de AI construído sobre o VS Code. Os desenvolvedores o adoram por seus recursos poderosos, mas ele é acessível para alguém que nunca programou?
Usando a Ferramenta e Navegando por Ela
Minha primeira impressão do Cursor foi… intimidação. A interface é um editor de código limpo e minimalista, o que é ótimo se você for desenvolvedor, mas bastante assustador se não for. Não havia botões ou prompts amigáveis, apenas uma tela em branco e um cursor piscando. Depois de pesquisar um pouco, descobri que precisava conectar minha conta do GitHub para começar.
O Resultado
Foi aqui que minha jornada com o Cursor chegou a um fim infeliz. Depois de conectar minha conta do GitHub e inserir meu prompt, me deparei com um paywall. Dizia que eu precisava de um plano pago para usar o agente de AI. Decidi investir os US 20 jogados fora, tive que desistir. Eu nem cheguei a ver um site. Não tenho certeza se esta página deveria ter sido qualificada como uma ferramenta de vibe coding em primeiro lugar.
Qual foi o Desempenho?
Design: N/D
Seguir Instruções: N/D
Usabilidade: Muito ruim para quem não é programador. Toda a experiência foi feita para desenvolvedores.
Velocidade: N/A
Preço: O plano Pro custa US$ 20/mês, mas não consegui obter nenhum valor dele.
Meu veredito como não programador
Nível de dificuldade: Como tentar pilotar um helicóptero sem nenhum treinamento. Você vai cair e se queimar.
Eu usaria de novo? Nunca. Pode até ser uma ferramenta poderosa para desenvolvedores, mas não é para pessoas que querem criar um site sem nenhum conhecimento de programação. Foi uma hora e US$ 20 desperdiçados!
#5 Manus: O assistente de AI que faz muito mais do que código
Manus é diferente das outras ferramentas desta lista. É um Agent de AI autônomo que pode pesquisar, escrever conteúdo e construir, gerenciando projetos inteiros do início ao fim.
Usando a ferramenta e navegando por ela
A interface do Manus é limpa e direta, com uma caixa de prompt em destaque no centro. Parecia menos uma ferramenta dedicada de "vibe coding" e mais um assistente de AI de uso geral, o que era um pouco diferente em comparação com as outras ferramentas especializadas. Dito isso, havia um botão claro de "Build Website", o que apreciei. Após inserir meu prompt, um pop-up sugeriu que eu mudasse para a versão "Manus 1.6 Max" para obter melhores resultados, um recurso pago. Decidi experimentar primeiro a versão gratuita para ver o que ela podia fazer.
O resultado
Infelizmente, a versão gratuita foi um fracasso completo, resultando em um erro 404. Eu nem consegui ver o site que ela deveria ter construído.
Decepcionado, decidi experimentar a versão paga "Max", e estou muito feliz por ter feito isso. Os resultados foram, em uma palavra, impressionantes. De todas as ferramentas que testei, o Manus foi a única que realmente capturou o estilo pop-art, abstrato e descontraído que eu queria. As cores estavam perfeitas, as animações eram criativas e intencionais, e o design geral estava simplesmente perfeito. Um ótimo exemplo disso foi sua abordagem aos cantos arredondados. Meu prompt pedia para 'adicioná-los', e embora eu esperasse que tudo ficasse arredondado, o Manus entregou uma mistura de cantos arredondados e retos. Foi uma surpresa agradável que fez o design parecer mais dinâmico e menos unidimensional, mostrando que ele estava antecipando minhas necessidades em vez de apenas seguir o prompt ao pé da letra. Ele até personalizou o cursor para mudar de cor ao passar sobre diferentes elementos, outro pequeno detalhe que fez uma enorme diferença e demonstrou uma compreensão real do briefing criativo. Embora esse resultado tenha vindo apenas do plano pago, depois de calcular os créditos usados para criar essa página, o valor é inferior a um dólar!
Qual foi o desempenho?
Design: Impressionante. Foi a única ferramenta que combinou perfeitamente com meu prompt e entregou um design verdadeiramente criativo e refinado.
Seguir instruções: Excelente. Seguiu todas as instruções, desde a estrutura da página até o estilo de design específico e as animações.
Usabilidade: A interface é simples e fácil de usar. O principal obstáculo foi a falha da versão gratuita.
Preço: O Manus tem um plano Free, mas para a construção de sites complexos, um plano pago (a partir de US$ 20/mês) é necessário para bons resultados.
Meu veredito como não programadora
Nível de dificuldade: Como contratar um assistente pessoal. Você diz o que quer e ele cuida de tudo para você.
Eu usaria de novo? Sem hesitar. Embora a versão gratuita tenha sido uma decepção, a versão paga entregou um resultado tão superior às outras ferramentas que valeu o investimento. É a única ferramenta que realmente deu vida à minha visão.
Lado a lado: comparando os 5 resultados
Ferramenta | Melhor elemento de design | Pior elemento de design | Nota geral |
Lovable | A vibe divertida e descontraída geral. | O design um pouco genérico, que não abraçou totalmente o estilo pop-art. | 4/5 |
Replit | As animações fofas e coloridas. | As imagens quebradas e o layout estranho. | 3/5 |
Bolt | A biografia substancial e bem escrita. | As animações mínimas e sem inspiração. | 3/5 |
Cursor | N/D | Sem resultado por não ter conhecimento de programação. | 0/5 |
Manus | O design pop-art deslumbrante e executado com perfeição. | O fato de a versão gratuita não ter funcionado. | 5/5 |
O que aprendi testando as 5 ferramentas
Depois de passar horas com essas cinco ferramentas de vibe coding, saí com algumas conclusões importantes. Primeiro, "vibe coding" não é uma solução única para todos. Cada ferramenta tem sua própria personalidade e foi criada para um tipo diferente de usuário. Algumas, como o Lovable, são perfeitas para iniciantes de verdade que querem um site bonito com o mínimo de complicação. Outras, como Replit e Bolt, oferecem mais poder, mas exigem um pouco mais de paciência. E depois há o Cursor, que claramente está em uma categoria à parte, feito para desenvolvedores.
Segundo, aprendi que muitas vezes você recebe aquilo pelo que paga. Embora as ferramentas gratuitas tenham sido impressionantes, todas tinham suas limitações. Para conseguir um site realmente personalizado e de alta qualidade que combine com uma visão criativa específica, investir em um plano pago pode fazer toda a diferença. Minha experiência com o Manus foi um exemplo perfeito disso. A versão gratuita foi um beco sem saída, mas a versão paga foi um triunfo.
Por fim, percebi que a AI é uma parceira poderosa para não programadores, mas ela não lê mentes. Você ainda precisa ter uma visão clara do que quer criar e ser capaz de comunicar essa visão de forma eficaz. Quanto mais específico e detalhado for seu prompt, melhores serão os resultados.
Minhas recomendações
Se você é... | Comece com... | Por quê |
Um iniciante completo que quer resultados rápidos e bonitos | Lovable | É o mais fácil de usar e produz sites impressionantes com o mínimo de esforço. |
Alguém que se preocupa muito com design e está disposto a pagar por qualidade | Manus | É a única ferramenta que realmente capturou minha visão de design e criou um site do qual eu teria orgulho de mostrar. |
Disposto a aprender um pouco para obter mais poder e flexibilidade | Replit ou Bolt | Eles oferecem mais controle e opções de personalização, mas não são tão amigáveis para iniciantes quanto o Lovable. |
Alguém que precisa de conteúdo + planejamento + construção | Manus | É um assistente de AI tudo-em-um que pode lidar com o projeto inteiro do início ao fim. |
Considerações Finais
Minha jornada no mundo do vibe coding foi uma montanha-russa. Houve momentos de pura magia, como quando vi minha visão ganhar vida com o Manus, e momentos de pura frustração, como minha experiência com o Cursor. Mas no final, estou muito feliz por ter feito isso. Aprendi que construir um site não é tão intimidador quanto eu pensava, e que a AI pode ser uma poderosa parceira criativa para quem não é programador. Então, se você não é programador e tem uma ideia de aplicativo, não tenha medo de experimentar o vibe coding. Você pode se surpreender com o que consegue criar.
Perguntas Frequentes
Posso realmente criar um aplicativo sem experiência em programação?
Sim, com certeza pode! Ferramentas como Lovable e Manus tornam possível para qualquer pessoa criar um site bonito e funcional sem escrever uma única linha de código. Apenas esteja preparado para experimentar diferentes prompts e ter paciência com o processo.
Qual ferramenta deu os melhores resultados visuais?
Para mim, o Manus foi o claro vencedor em termos de design. Foi a única ferramenta que realmente capturou a vibe pop-art, abstrata e divertida que eu queria. O Lovable ficou em segundo lugar, com um design divertido e colorido perfeito para um portfólio pessoal.
Qual ferramenta seguiu melhor minhas instruções de design?
Manus, de longe. Foi a única ferramenta que pareceu entender as nuances do meu prompt e traduzi-las em um design bonito e criativo.
Eu precisei olhar para algum código?
Com Lovable, Replit e Bolt, eu nunca precisei olhar uma única linha de código. Com o Cursor, fui imediatamente jogado em um editor de código e não tinha ideia do que fazer. Com o Manus, não precisei olhar o código, mas poderia ter feito isso se quisesse.
Eu recomendaria o vibe coding para outras pessoas que não programam?
Com certeza! É uma maneira divertida e empoderadora de dar vida às suas ideias. Apenas certifique-se de escolher a ferramenta certa para suas necessidades e tenha paciência com o processo. Nem sempre será perfeito na primeira tentativa, mas com um pouco de experimentação, você pode criar algo verdadeiramente incrível.
