Experimentei 5 ferramentas de vibe coding sem saber programar. Aqui está a minha experiência honesta.
Já alguma vez teve uma ideia brilhante para uma aplicação, apenas para se lembrar que não sabe absolutamente nada sobre programação? Essa tem sido a minha realidade há anos. Como redatora de conteúdos, estou cheia de ideias, mas o lado técnico de as concretizar sempre pareceu estar fora do meu alcance.
Tudo isso mudou quando descobri o "vibe coding". É a promessa de que se pode construir software apenas descrevendo o que se quer em inglês simples. Parecia um sonho. Conseguiria realmente construir um site sem escrever uma única linha de código? Tinha de descobrir.
Escolhi cinco das ferramentas de vibe coding mais faladas e pu-las à prova. O meu desafio era simples: construir um site de portefólio pessoal com um estilo criativo muito específico. Não estava interessada num modelo genérico; queria ver se estas ferramentas de AI conseguiam realmente compreender e executar uma visão criativa.
Esta é a história da minha experiência. Não é uma análise técnica aprofundada, mas um relato honesto de alguém que não programa e que apenas queria ver se a magia era real. Eis o que aconteceu.
O Prompt Exato que Usei para Cada Ferramenta
Para manter este teste justo, usei exatamente o mesmo prompt para as 5 ferramentas:
"Build me a personal portfolio website for a content writer. Include a homepage with my bio, a page showcasing my writing samples, and a contact form. For the design, I want a pop art / abstract style that feels playful and creative. Use bold, vibrant colors but make sure the text is still easy to read. Add rounded corners, playful typography, and subtle hover animations. It should look fun and energetic, not boring or corporate."
Porquê este prompt? Ele testa tanto a funcionalidade (múltiplas páginas, formulário de contacto) como a interpretação do design (estilo específico, cores, animações). Isto permite-me comparar quão bem cada ferramenta segue uma direção criativa.
O Que Estava a Testar
Elemento de Design | O Que Eu Procurava |
Estilo Pop Art / Abstrato | Um design divertido, criativo e enérgico, não um modelo corporativo aborrecido. |
Cores Vivas e Ousadas | Uma paleta de cores que transmita diversão e vivacidade. |
Legibilidade do Texto | Texto fácil de ler apesar das cores ousadas. |
Cantos Arredondados | Bordas suaves e arredondadas em elementos como botões e contentores. |
Tipografia Divertida | Fontes divertidas e criativas que combinem com o estilo geral. |
Animações de Hover | Animações subtis ao passar o cursor sobre elementos interativos. |
Múltiplas Páginas | Uma página inicial, uma página de amostras de escrita e uma página de contacto. |
Formulário de Contacto | Um formulário de contacto funcional para receber mensagens. |
Veredito Rápido: As Minhas Classificações num Relance
Posição | Ferramenta | Facilidade para Não-Programadores | Precisão de Design | O Meu Veredito |
1 | Lovable | ★★★★★ | ★★★★☆ | Melhor para verdadeiros principiantes |
2 | Replit | ★★★★☆ | ★★★☆☆ | Excelente opção polivalente |
3 | Bolt | ★★★★☆ | ★★★☆☆ | Rápido mas inconsistente |
4 | Cursor | ★☆☆☆☆ | ☆☆☆☆☆ | Poderoso mas intimidante para não-programadores |
5 | Manus | ★★★★★ | ★★★★★ | Melhor precisão de design |
#1 Lovable: Aquele Que Realmente Pareceu Magia
O Lovable é um construtor de aplicações alimentado por AI que permite criar aplicações web simplesmente descrevendo o que pretende. É conhecido por produzir designs bonitos e polidos com o mínimo esforço.
A Utilizar a Ferramenta e a Navegar Nela
Logo à partida, senti uma sensação de alívio com o Lovable. A interface era limpa e refrescantemente simples, com uma caixa de prompt à espera da minha ideia. Não havia botões confusos nem jargão técnico, o que a tornava acolhedora em vez de intimidante. Apreciei a opção de escolher um tema de cor, mas mantive o meu prompt original para ver o que a AI conseguia fazer por si própria. Tinha até 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 fosse uma réplica perfeita de pop-art, o Lovable certamente captou a atmosfera colorida e divertida que eu pretendia. Incluiu cantos arredondados e tentou uma tipografia divertida, embora a fonte dos títulos pudesse ter sido mais variada, mas talvez tenha sido escolhida por uma questão de clareza. As animações de hover nos botões eram bastante padrão, pequenos movimentos quando o cursor passava por cima, mas, mais uma vez, nada de especial. Todas as páginas que pedi estavam lá, e o layout era intuitivo. Parecia um website real e funcional, não apenas uma imagem estática. Reparei em algumas pequenas peculiaridades. Por exemplo, o logótipo da marca que criou só era clicável numa metade, e alguns elementos parecidos com botões que tinham efeitos de hover não eram, na verdade, botões clicáveis, o que era um pouco confuso. Mas pareceram-me problemas menores que um prompt de seguimento provavelmente poderia corrigir.
Aplicação web construída pelo Lovable:
Qual Foi o Seu Desempenho?
Design: Capturou belamente a vibração colorida e divertida, ainda que tenha pendido mais para 'lúdico' do que para 'pop-art'. A estética geral ficou polida e profissional.
Seguimento de 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' só foi parcialmente alcançado.
Usabilidade: Excelente. A interface é incrivelmente intuitiva e perfeita para principiantes.
Preço: O Lovable oferece um plano gratuito com créditos diários, e os planos pagos começam em 25 USD/mês para maior utilização.
O Meu Veredicto Como Não-Programadora
Nível de Dificuldade: Como encomendar uma pizza personalizada. Diz o que quer e fazem-na para si.
Voltaria a Usá-lo? Sem dúvida. Se é alguém sem conhecimentos de programação à procura de um website bonito e funcional sem uma curva de aprendizagem acentuada, o Lovable é um maravilhoso ponto de partida. Para uma ferramenta gratuita, os resultados foram fantásticos.
#2 Replit: A Plataforma Tudo-em-Um Que Faz de Tudo
O Replit é um ambiente de desenvolvimento baseado no navegador, com um Agent de AI capaz de planear e construir aplicações inteiras. Trata de tudo, desde a programação até ao alojamento, num único local.
Utilizar a Ferramenta e Navegar Nela
A interface do Replit era um pouco mais complexa do que a do Lovable. Sendo um ambiente de desenvolvimento completo, tinha muitos botões e opções que me eram pouco familiares. No entanto, o Agent de AI foi um guia útil. Apresentava opções para construir, testar ou iterar, e eu podia escolher entre um modo "rápido" para alterações á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 website gerado pelo Replit foi razoável. Era colorido e tinha os cantos arredondados que pedi, mas não captou bem a sensação pop-art ou abstrata. O layout parecia um pouco estranho, com um banner inferior peculiar e alguns espaçamentos desajeitados. O tipo de letra, pessoalmente, não foi do meu agrado. Achei que não era o mais bonito, mas isso pode ser uma questão de preferência pessoal. O título principal na primeira página, "I turn coffee into copy", também era um pouco intrigante. As animações eram padrão e nada de especial, embora acrescentassem algum dinamismo no geral. Infelizmente, o meu maior problema foi que algumas das imagens na página de amostras de escrita estavam partidas, aparecendo como ícones em branco. No conjunto, uma página web relativamente funcional, mas não a mais bonita esteticamente.
Webapp construída pelo Replit:
Qual Foi o Seu Desempenho?
Design: O design era colorido, mas falhou em captar o estilo pop-art específico. O layout e parte do texto gerado pareciam um pouco aleatórios. A escolha da tipografia era questionável ao longo das páginas.
Cumprimento de Instruções: Criou as páginas e animações solicitadas, mas a interpretação do design ficou aquém e não conseguiu gerar todas as imagens.
Usabilidade: O Agent de AI foi útil, mas o ambiente geral pode ser avassalador para quem não programa.
Preço: O Replit tem um plano inicial gratuito, com planos pagos como o plano Core a 20 USD/mês.
O Meu Veredicto Enquanto Não-Programador
Nível de Dificuldade: Como tentar montar mobiliário do IKEA com apenas metade das instruções. Provavelmente consegues descobrir como, mas pode ser uma experiência frustrante.
Voltaria a Usar? Provavelmente não. Embora seja poderoso, parece mais adequado para quem tem alguma experiência em programação. A experiência foi um pouco demasiado técnica para o meu gosto.
#3 Bolt: O Construtor Mais Rápido do Bairro
O Bolt.new é conhecido pela sua velocidade, gerando protótipos funcionais em segundos. É popular para experiências rápidas e iteração célere.
Utilizar a Ferramenta e Navegar nela
A interface do Bolt era limpa e direta ao assunto, com a caixa de prompt mesmo ao centro. Também tinha opções para anexar ficheiros, escolher uma base de dados e até importar do GitHub ou do Figma, o que parecia poderoso. Gostei do facto de mostrar um plano enquanto gerava, para que pudesse acompanhar o seu raciocínio. Usei o agent predefinido, que era o Sonnet 4.5 da Claude.
O Resultado
O resultado final foi… colorido. Tinha os cantos arredondados que eu queria, mas não seguiu propriamente o meu pedido de estilo pop-art ou abstrato, optando antes por cores mais lúdicas, em tons pastel. A tipografia era bastante padrão e aborrecida, nada lúdica, exceto numa tentativa nas palavras 'Word Wizard'. A bio gerada foi surpreendentemente substancial, o que foi um toque agradável, sobretudo quando comparada com a bio produzida pelas outras ferramentas. Todas as páginas que pedi estavam lá, e tudo parecia funcionar sem problemas. No entanto, as animações eram genéricas e mínimas, sem acrescentar nada de especial à experiência. Também dei por mim a desejar algumas interligações entre as páginas para facilitar a navegação.
Aplicação web criada pelo Bolt:
Qual foi o Desempenho?
Design: O design era mais lúdico e pastel do que o estilo pop-art solicitado. Era agradável, mas não era o que eu tinha pedido.
Cumprimento de Instruções: Criou as páginas e uma boa biografia, mas falhou no estilo de design e nas animações.
Usabilidade: Muito direto e fácil de usar.
Velocidade: Incrivelmente rápido, com uma primeira versão pronta em menos de 2 minutos.
Preço: O Bolt tem um plano gratuito com um limite diário de tokens, e os planos pagos começam em 25 USD/mês.
O Meu Veredicto Como Não-Programador
Nível de Dificuldade: Como usar um micro-ondas. É rápido e fácil, mas não vais obter uma refeição gourmet.
Voltaria a Usá-lo? Talvez, se precisasse de um site rápido e simples e não estivesse muito preocupado com o design específico. É excelente para prototipagem rápida, mas conta com fazer alguns ajustes manuais para deixar o design exatamente como queres.
#4 Cursor: O Favorito dos Programadores (Mas e Para os Não-Programadores?)
O Cursor é um editor de código com tecnologia de AI construído sobre o VS Code. É adorado pelos programadores pelas suas funcionalidades poderosas, mas será acessível a alguém que nunca programou?
A Usar a Ferramenta e a Navegar Nela
A minha primeira impressão do Cursor foi… intimidação. A interface é um editor de código limpo e minimalista, o que é ótimo se fores programador, mas bastante assustador se não fores. Não havia botões nem prompts amigáveis, apenas um ecrã em branco e um cursor a piscar. Depois de alguma pesquisa, percebi que precisava de ligar a minha conta do GitHub para começar.
O Resultado
Foi aqui que a minha jornada com o Cursor chegou a um fim infeliz. Depois de ligar a minha conta do GitHub e introduzir o meu prompt, deparei-me com uma barreira de pagamento. Dizia que precisava de um plano pago para usar o Agent de AI. Decidi investir os 20 USD no plano Pro, na esperança do melhor. Mas mesmo depois de pagar, fui recebido com uma série de mensagens de erro sobre não ter um "repositório". Tentei criar um no GitHub, mas a interface era toda código e eu não fazia ideia do que estava a fazer. Após uma hora de frustração e 20 USD desperdiçados, tive de desistir. Nunca cheguei sequer a ver um site. Não tenho a certeza de que esta página deveria ter sido qualificada como uma ferramenta de vibe coding em primeiro lugar.
Qual Foi o Seu Desempenho?
Design: N/A
Cumprimento de Instruções: N/A
Usabilidade: Muito fraca para quem não programa. Toda a experiência foi concebida para programadores.
Velocidade: N/A
Preço: O plano Pro custa 20 USD/mês, mas não consegui retirar qualquer valor dele.
O Meu Veredicto Enquanto Não Programador
Nível de Dificuldade: Como tentar pilotar um helicóptero sem qualquer formação. Vais despenhar-te.
Voltaria a Usá-lo? Nunca. Pode ser uma ferramenta poderosa para programadores, mas não é para quem quer construir um site sem qualquer conhecimento de programação. Foi uma hora e 20 USD desperdiçados!
#5 Manus: O Assistente de AI Que Faz Mais do Que Programar
O Manus é diferente das outras ferramentas desta lista. É um Agent de AI autónomo que pode pesquisar, escrever conteúdos e construir, gerindo projetos inteiros do início ao fim.
Utilizar e Navegar na Ferramenta
A interface do Manus era limpa e direta, com uma caixa de prompt em destaque ao centro. Sentia-se menos como uma ferramenta dedicada de "vibe coding" e mais como um assistente de AI de uso geral, o que era ligeiramente diferente em comparação com as outras ferramentas especializadas. Dito isto, havia um botão claro de "Build Website", que apreciei. Após introduzir o meu prompt, um pop-up sugeriu que mudasse para a versão "Manus 1.6 Max" para obter melhores resultados, uma funcionalidade paga. Decidi experimentar primeiro a versão gratuita para ver o que conseguia fazer.
O Resultado
Infelizmente, a versão gratuita foi um fracasso total, resultando num erro 404. Nem sequer consegui ver o site que supostamente teria sido construído.
Desiludida, decidi experimentar a versão paga "Max", e ainda bem que o fiz. Os resultados foram, numa palavra, impressionantes. De todas as ferramentas que testei, o Manus foi a única que captou verdadeiramente a vibe pop-art, abstrata e divertida que eu pretendia. As cores estavam certeiras, as animações eram criativas e intencionais, e o design global estava simplesmente perfeito. Um ótimo exemplo disto foi a sua abordagem aos cantos arredondados. O meu prompt pedia para os 'adicionar', e embora eu esperasse que tudo ficasse arredondado, o Manus apresentou uma mistura de cantos arredondados e angulosos. Foi uma surpresa agradável que tornou o design mais dinâmico e menos unidimensional, mostrando que estava a antecipar as minhas necessidades em vez de seguir o prompt à risca. Chegou mesmo a personalizar o cursor para mudar de cor ao passar sobre diferentes elementos, outro pequeno detalhe que fez uma enorme diferença e demonstrou uma verdadeira compreensão do briefing criativo. Embora este resultado só tenha vindo do plano pago, depois de calcular os créditos usados para criar esta página web, o valor fica abaixo de um dólar!
Qual o Seu Desempenho?
Design: Impressionante. Foi a única ferramenta que correspondeu na perfeição ao meu prompt e entregou um design verdadeiramente criativo e polido.
Cumprimento das Instruções: Excelente. Seguiu todas as instruções, desde a estrutura da página até ao estilo de design específico e às 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 gratuito, mas para construção web complexa, um plano pago (a partir de 20 USD/mês) é necessário para obter bons resultados.
O Meu Veredito Como Não-Programadora
Nível de Dificuldade: Como contratar uma assistente pessoal. Diz-lhe o que pretende e ela trata de tudo por si.
Voltaria a Utilizá-lo? Sem hesitar. Embora a versão gratuita tenha sido uma deceção, a versão paga entregou um resultado tão superior ao das outras ferramentas que valeu o investimento. É a única ferramenta que verdadeiramente concretizou a minha visão.
Lado a Lado: Comparando os 5 Resultados
Ferramenta | Melhor Elemento de Design | Pior Elemento de Design | Pontuação Global |
Lovable | A atmosfera global divertida e descontraída. | O design ligeiramente genérico que não abraçou totalmente o estilo pop-art. | 4/5 |
Replit | As animações giras e coloridas. | As imagens partidas e o layout estranho. | 3/5 |
Bolt | A biografia substancial e bem escrita. | As animações mínimas e pouco inspiradas. | 3/5 |
Cursor | N/A | Sem resultado por falta de conhecimentos de programação. | 0/5 |
Manus | O deslumbrante design pop-art executado na perfeição. | O facto de a versão gratuita não ter funcionado. | 5/5 |
O Que Aprendi ao Testar as 5 Ferramentas
Depois de passar horas com estas cinco ferramentas de vibe coding, fiquei com algumas conclusões fundamentais. Primeiro, "vibe coding" não é uma solução universal. Cada ferramenta tem a sua própria personalidade e foi concebida para um tipo diferente de utilizador. Algumas, como o Lovable, são perfeitas para verdadeiros principiantes que querem um site bonito sem complicações. Outras, como o Replit e o Bolt, oferecem mais poder, mas exigem um pouco mais de paciência. E depois há o Cursor, que está claramente num patamar próprio, criado para programadores.
Em segundo lugar, aprendi que muitas vezes recebemos aquilo por que pagamos. Embora as ferramentas gratuitas fossem impressionantes, todas tinham as suas limitações. Para obter um site verdadeiramente personalizado e de alta qualidade, que corresponda a uma visão criativa específica, investir num plano pago pode fazer toda a diferença. 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 os não-programadores, mas não lê pensamentos. Continua a ser necessário ter uma visão clara do que pretende criar e ser capaz de comunicar essa visão de forma eficaz. Quanto mais específico e detalhado for o seu prompt, melhores serão os resultados.
As Minhas Recomendações
Se For... | Comece Por... | Porquê |
Um principiante completo que quer resultados rápidos e bonitos | Lovable | É o mais fácil de usar e produz websites deslumbrantes com um esforço mínimo. |
Alguém que se preocupa muito com o design e está disposto a pagar pela qualidade | Manus | É a única ferramenta que verdadeiramente captou a minha visão de design e criou um website do qual me orgulharia de mostrar. |
Disposto a aprender um pouco para obter mais poder e flexibilidade | Replit ou Bolt | Oferecem mais controlo e opções de personalização, mas não são tão acessíveis para principiantes como o Lovable. |
Alguém que precisa de conteúdo + planeamento + construção | Manus | É um assistente de AI tudo-em-um que consegue gerir o projeto inteiro do início ao fim. |
Considerações Finais
A minha jornada no mundo do vibe coding foi uma montanha-russa. Houve momentos de pura magia, como quando vi a minha visão ganhar vida com o Manus, e momentos de pura frustração, como a minha experiência com o Cursor. Mas, no final, estou muito contente por o ter feito. Aprendi que construir um website não é tão intimidante quanto eu pensava, e que a AI pode ser um poderoso parceiro criativo para quem não programa. Por isso, se não és programador e tens uma ideia de aplicação, não tenhas medo de experimentar o vibe coding. Podes ficar surpreendido com aquilo que consegues criar.
Perguntas Frequentes
Posso mesmo criar uma aplicação sem experiência em programação?
Sim, podes mesmo! Ferramentas como o Lovable e o Manus tornam possível a qualquer pessoa criar um website bonito e funcional sem escrever uma única linha de código. Apenas tens de estar preparado para experimentar diferentes prompts e ter paciência com o processo.
Qual a ferramenta que produziu os resultados com melhor aparência?
Para mim, o Manus foi o claro vencedor em termos de design. Foi a única ferramenta que verdadeiramente captou a vibe pop-art, abstrata e divertida que eu procurava. O Lovable ficou em segundo lugar muito próximo, com um design divertido e colorido que era perfeito para um portfólio pessoal.
Qual a ferramenta que seguiu melhor as minhas instruções de design?
Manus, de longe. Foi a única ferramenta que pareceu compreender as nuances do meu prompt e traduzi-las num design bonito e criativo.
Alguma vez tive de olhar para código?
Com o Lovable, o Replit e o Bolt, nunca tive de olhar para uma única linha de código. Com o Cursor, fui imediatamente atirado para um editor de código e não fazia ideia do que fazer. Com o Manus, não tive de olhar para código, mas podia tê-lo feito se quisesse.
Recomendaria o vibe coding a outras pessoas que não programam?
Sem dúvida! É uma forma divertida e capacitadora de dar vida às tuas ideias. Apenas tens de garantir que escolhes a ferramenta certa para as tuas necessidades e ter paciência com o processo. Nem sempre vai ser perfeito à primeira tentativa, mas com um pouco de experimentação, podes criar algo verdadeiramente extraordinário.
