Experimentei 5 Ferramentas de Vibe Coding como Não Programadora. Aqui Está a Minha Experiência Honesta.
Alguma vez teve uma ideia brilhante para uma aplicação, mas lembrou-se de que não sabe nada sobre programação? Essa tem sido a minha realidade durante anos. Como redatora de conteúdos, estou cheia de ideias, mas o lado técnico de as concretizar sempre me pareceu inalcançável.
Tudo isso mudou quando descobri o "vibe coding". Esta é a promessa de que pode criar software apenas descrevendo o que deseja em inglês simples. Parecia um sonho. Será que eu realmente poderia criar um site sem escrever uma única linha de código? Tive de descobrir.
Escolhi cinco das ferramentas de vibe coding mais faladas e coloquei-as à prova. O meu desafio era simples: criar um site de portfólio pessoal com um estilo criativo muito específico. Não estava interessada num modelo genérico; queria ver se estas ferramentas de AI poderiam 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 é programador e que apenas queria ver se a magia era real. Eis o que aconteceu.
O Exato Prompt Que Usei para Cada Ferramenta
Para manter este teste justo, usei exatamente o mesmo prompt para todas as 5 ferramentas:
"Crie um site de portfólio pessoal para uma redatora de conteúdos. Inclua uma página inicial com a minha biografia, uma página a mostrar os meus exemplos de escrita e um formulário de contacto. Para o design, quero um estilo pop art/abstrato que seja divertido e criativo. Use cores fortes e vibrantes, mas certifique-se de que o texto continua fácil de ler. Adicione cantos arredondados, tipografia divertida e animações subtis ao passar o cursor. Deve parecer divertido e energético, não aborrecido ou corporativo."
Por que este prompt? Ele testa tanto a funcionalidade (múltiplas páginas, formulário de contacto) quanto a interpretação do design (estilo específico, cores, animações). Isso permite-me comparar o quão bem cada ferramenta segue a direção criativa.
O Que Eu Estava a Testar
Elemento de Design | O Que Eu Procurava |
Estilo Pop Art/Abstrato | Um design divertido, criativo e energético, não um modelo corporativo aborrecido. |
Cores Fortes e Vibrantes | Uma paleta de cores que pareça divertida e animada. |
Legibilidade do Texto | Texto fácil de ler, apesar das cores fortes. |
Cantos Arredondados | Bordas suaves e arredondadas em elementos como botões e contêineres. |
Tipografia Divertida | Fontes divertidas e criativas que combinem com o estilo geral. |
Animações ao Passar o Cursor | Animações subtis ao passar o cursor sobre elementos interativos. |
Múltiplas Páginas | Uma página inicial, uma página de exemplos de escrita e uma página de contacto. |
Formulário de Contacto | Um formulário de contacto funcional para receber mensagens. |
Veredicto Rápido: As Minhas Classificações de Relance
Classificação | Ferramenta | Amigável para Não Programadores | Precisão do Design | O Meu Veredicto |
1 | Lovable | ★★★★★ | ★★★★☆ | Melhor para verdadeiros iniciantes |
2 | Replit | ★★★★☆ | ★★★☆☆ | Ótima para uso geral |
3 | Bolt | ★★★★☆ | ★★★☆☆ | Rápida, mas inconsistente |
4 | Cursor | ★☆☆☆☆ | ☆☆☆☆☆ | Poderosa, mas intimidante para não programadores |
5 | Manus | ★★★★★ | ★★★★★ | Melhor precisão de design |
#1 Lovable: A Que Realmente Parecia Mágica
Lovable é uma ferramenta de criação de aplicações alimentada por AI que permite criar aplicações web simplesmente descrevendo o que deseja. É conhecida por produzir designs bonitos e polidos com esforço mínimo.
Usando a Ferramenta e Navegando Nela
Logo de início, senti um alívio com a Lovable. A interface era limpa e surpreendentemente simples, com uma caixa de prompt à espera da minha ideia. Não havia botões confusos ou jargão técnico, o que a tornava convidativa em vez de intimidante. Apreciei a opção de escolher um tema de cores, mas mantive-me fiel ao meu prompt original para ver o que a AI poderia fazer sozinha. Até tinha uma opção de ditado por voz, o que foi uma adição atenciosa para acessibilidade.
O Resultado
O resultado foi genuinamente impressionante. Embora não fosse uma réplica perfeita de pop art, a Lovable capturou definitivamente o ambiente colorido e divertido que eu procurava. Incluiu cantos arredondados e fez uma tentativa de tipografia divertida, embora a fonte para os títulos pudesse ter sido mais variada, mas talvez tenha sido escolhida pela clareza. As animações ao passar o cursor nos botões eram bastante 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 alguns pequenos detalhes. Por exemplo, o logotipo da marca que criou só era clicável numa metade, e alguns elementos semelhantes a botões que tinham efeitos ao passar o cursor não eram realmente botões clicáveis, o que foi um pouco confuso. Mas estes pareciam problemas menores que um prompt de acompanhamento provavelmente resolveria.
Webapp criada pela Lovable:
Como Se Saiu?
Design: Capturou lindamente o ambiente colorido e divertido, mesmo que tenha inclinado mais para 'divertido' do que 'pop art'. O aspeto geral era polido 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 de 'pop art' foi apenas parcialmente alcançado.
Usabilidade: Excelente. A interface é incrivelmente intuitiva e perfeita para iniciantes.
Preço: A Lovable oferece um plano gratuito com créditos diários, e os planos pagos começam em $25/mês para mais uso.
O Meu Veredicto como Não Programadora
Nível de Dificuldade: Como encomendar uma pizza personalizada. Diz-lhes o que quer, e eles fazem para si.
Voltaria a Usar? Definitivamente. Se é um não programador à procura de um site bonito e funcional sem uma curva de aprendizagem acentuada, a Lovable é um ótimo ponto de partida. Para uma ferramenta gratuita, os resultados foram incríveis.
#2 Replit: A Plataforma Tudo-em-Um Que Faz Tudo
Replit é um ambiente de desenvolvimento baseado em navegador com um agente AI que pode planear e construir aplicações inteiras. Lida com tudo, desde a programação até à hospedagem, num só lugar.
Usando a Ferramenta e Navegando Nela
A interface do Replit era um pouco mais complexa do que a da Lovable. Como um ambiente de desenvolvimento completo, tinha muitos botões e opções que me eram desconhecidos. No entanto, o agente AI foi um guia útil. Apresentou opções para construir, testar ou iterar, e eu podia escolher entre um modo "rápido" para alterações rápidas ou um modo "autónomo" para a experiência completa do agente. Escolhi o modo autónomo para ver o seu potencial completo.
O Resultado
O site gerado pelo Replit foi decente. Era colorido e tinha os cantos arredondados que pedi, mas não capturou exatamente o ambiente de pop art ou abstrato. O layout parecia um pouco estranho, com um banner inferior estranho e alguns espaçamentos desajeitados. A fonte, pessoalmente, não era para mim. Achei que não era a mais bonita, mas isso pode ser uma questão de preferência pessoal. O título principal na primeira página, "Eu transformo café em cópia", também foi um pouco confuso. As animações eram padrão e não particularmente ótimas, embora tenham adicionado algum dinamismo geral. Infelizmente, o meu principal problema foi que algumas das imagens na página de exemplos 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 criada pelo Replit:
Como Se Saiu?
Design: O design era colorido, mas não atingiu o estilo específico de pop art. O layout e alguns dos textos gerados pareciam um pouco aleatórios. A escolha da fonte foi questionável em todas as páginas.
Seguindo Instruções: Criou as páginas e animações solicitadas, mas a interpretação do design foi errada, e não conseguiu gerar todas as imagens.
Usabilidade: O agente AI foi útil, mas o ambiente geral pode ser esmagador para um não programador.
Preço: O Replit tem um plano inicial gratuito, com planos pagos como o plano Core a $20/mês.
O Meu Veredicto como Não Programadora
Nível de Dificuldade: Como tentar montar móveis do IKEA com apenas metade das instruções. Provavelmente consegue descobrir, mas pode ser uma experiência frustrante.
Voltaria a Usar? Provavelmente não. Embora seja poderosa, parece mais adequada para quem tem algum conhecimento de programação. A experiência foi um pouco técnica demais para o meu gosto.
#3 Bolt: O Construtor Mais Rápido
Bolt.new é conhecido pela sua rapidez, gerando protótipos funcionais em segundos. É popular para experiências rápidas e iteração rápida.
Usando a Ferramenta e Navegando Nela
A interface do Bolt era limpa e direta, com a caixa de prompt bem no centro. Também tinha opções para anexar ficheiros, escolher uma base de dados e até importar do GitHub ou Figma, o que parecia poderoso. Gostei que mostrasse um plano enquanto estava a gerar, para que eu pudesse ver o seu processo de pensamento. Usei o agente padrão, que era o Sonnet 4.5 do Claude.
O Resultado
O resultado final foi… colorido. Tinha os cantos arredondados que eu queria, mas não seguiu realmente o meu pedido de estilo pop art ou abstrato tão bem, optando antes por cores mais suaves e pastel. A tipografia era bastante padrão e aborrecida, não muito divertida, exceto por uma tentativa nas palavras 'Word Wizard'. A biografia que gerou foi surpreendentemente substancial, o que foi um toque agradável, especialmente ao comparar com as biografias que o resto das ferramentas produziu. 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, não acrescentando nada de especial à experiência. Também senti falta de alguns links entre as páginas para facilitar a navegação.
Webapp criada pelo Bolt:
Como Se Saiu?
Design: O design foi mais divertido e pastel do que o estilo pop art solicitado. Era agradável, mas não o que pedi.
Seguindo Instruções: Criou as páginas e uma boa biografia, mas falhou no estilo de design e nas animações.
Usabilidade: Muito simples 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/mês.
O Meu Veredicto como Não Programadora
Nível de Dificuldade: Como usar um micro-ondas. É rápido e fácil, mas não vai obter uma refeição gourmet.
Voltaria a Usar? Talvez, se precisasse de um site rápido e simples e não estivesse muito preocupada com o design específico. É ótimo para prototipagem rápida, mas espere fazer alguns ajustes manuais para acertar no design.
#4 Cursor: O Favorito dos Programadores (Mas E Quanto aos Não Programadores?)
Cursor é um editor de código alimentado por AI baseado no VS Code. É adorado por programadores pelas suas funcionalidades poderosas, mas será acessível para alguém que nunca programou?
Usando a Ferramenta e Navegando 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 for programador, mas bastante assustador se não for. Não havia botões ou prompts amigáveis, apenas uma tela 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 inserir o meu prompt, deparei-me com um paywall. Dizia que precisava de um plano pago para usar o agente AI. Decidi investir os $20 para o plano Pro, esperando o melhor. Mas mesmo depois de pagar, fui recebida 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 em código, e eu não fazia ideia do que estava a fazer. Depois de uma hora de frustração e $20 desperdiçados, tive de desistir. Nunca cheguei a ver um site. Não tenho certeza se esta ferramenta deveria ter qualificado como uma ferramenta de vibe coding em primeiro lugar.
Como Se Saiu?
Design: N/A
Seguindo Instruções: N/A
Usabilidade: Muito pobre para um não programador. Toda a experiência é construída para programadores.
Velocidade: N/A
Preço: O plano Pro custa $20/mês, mas não consegui obter qualquer valor dele.
O Meu Veredicto como Não Programadora
Nível de Dificuldade: Como tentar pilotar um helicóptero sem treino. Vai acabar por se despenhar.
Voltaria a Usar? Nunca. Esta pode ser uma ferramenta poderosa para programadores, mas não é para pessoas que querem criar um site sem qualquer conhecimento de programação. Foi uma hora e $20 desperdiçados!
#5 Manus: O Assistente AI Que Faz Mais do Que Programar
Manus é diferente das outras ferramentas desta lista. É um agente AI autónomo que pode pesquisar, escrever conteúdos e construir, lidando com projetos inteiros do início ao fim.
Usando a Ferramenta e Navegando Nela
A interface do Manus era limpa e direta, com uma caixa de prompt em destaque. Parecia menos uma ferramenta dedicada de "vibe coding" e mais um assistente AI de propósito geral, o que foi ligeiramente diferente em comparação com as outras ferramentas especializadas. Dito isto, havia um claro botão "Criar Website", o que apreciei. Depois de inserir o meu prompt, um pop-up sugeriu que eu mudasse para a versão "Manus 1.6 Max" para melhores resultados, uma funcionalidade paga. Decidi experimentar primeiro a versão gratuita para ver o que ela poderia fazer.
O Resultado
Infelizmente, a versão gratuita foi um fracasso completo, resultando num erro 404. Nem sequer consegui ver o site que deveria ter sido criado.
Desapontada, decidi experimentar a versão paga "Max", e estou tão feliz por o ter feito. Os resultados foram, numa palavra, deslumbrantes. De todas as ferramentas que testei, o Manus foi a única que capturou verdadeiramente o ambiente pop art, abstrato e divertido que eu procurava. As cores estavam perfeitas, as animações eram criativas e intencionais, e o design geral era simplesmente perfeito. Um ótimo exemplo disso foi a sua abordagem aos cantos arredondados. O meu prompt pediu para 'adicioná-los', e enquanto eu esperava que tudo fosse arredondado, o Manus entregou uma mistura de cantos arredondados e afiados. Esta 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 apenas seguir o prompt à letra. Até personalizou o cursor para mudar de cor ao passar por diferentes elementos, outro pequeno detalhe que fez uma grande diferença e mostrou um verdadeiro entendimento 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 custo foi inferior a um dólar!
Como Se Saiu?
Design: Deslumbrante. Foi a única ferramenta que correspondeu perfeitamente ao meu prompt e entregou um design verdadeiramente criativo e polido.
Seguindo Instruções: Excelente. Seguiu todas as instruções, desde a estrutura da página até ao estilo de design específico e animações.
Usabilidade: A interface é simples e fácil de usar. O principal obstáculo foi o fracasso 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/mês) é necessário para bons resultados.
O Meu Veredicto como Não Programadora
Nível de Dificuldade: Como contratar um assistente pessoal. Diz-lhes o que quer, e eles tratam de tudo por si.
Voltaria a Usar? Sem dúvida. Embora a versão gratuita tenha sido uma desilusão, a versão paga entregou um resultado que estava tão além das outras ferramentas que valeu o investimento. É a única ferramenta que realmente trouxe a minha visão à vida.
Lado a Lado: Comparando Todos os 5 Resultados
Ferramenta | Melhor Elemento de Design | Pior Elemento de Design | Pontuação Geral |
Lovable | O ambiente geral divertido e animado. | O design ligeiramente 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 pouco inspiradas. | 3/5 |
Cursor | N/A | Nenhum resultado devido à falta de conhecimento de programação. | 0/5 |
Manus | O design deslumbrante e perfeitamente executado em estilo pop art. | O facto de a versão gratuita não funcionar. | 5/5 |
O Que Aprendi ao Testar Todas as 5 Ferramentas
Depois de passar horas com estas cinco ferramentas de vibe coding, fiquei com algumas ideias-chave. Primeiro, o "vibe coding" não é uma solução única para todos. Cada ferramenta tem a sua própria personalidade e é construída para um tipo diferente de utilizador. Algumas, como a Lovable, são perfeitas para verdadeiros iniciantes que querem um site bonito com o mínimo de 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 numa liga própria, construído para programadores.
Em segundo lugar, aprendi que muitas vezes obtém-se o que se paga. 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.
Finalmente, percebi que a AI é uma parceira poderosa para não programadores, mas não é uma leitora de mentes. Ainda precisa de 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 o seu prompt, melhores serão os seus resultados.
As Minhas Recomendações
Se Você É... | Comece Com... | Porquê |
Um completo iniciante que quer resultados rápidos e bonitos | Lovable | É a mais fácil de usar e produz sites deslumbrantes com o mínimo de esforço. |
Alguém que se preocupa muito com o design e está disposto a pagar por qualidade | Manus | É a única ferramenta que captou verdadeiramente a minha visão de design e criou um site do qual eu teria orgulho de mostrar. |
Disposto a aprender um pouco para mais poder e flexibilidade | Replit ou Bolt | Oferecem mais controlo e opções de personalização, mas não são tão amigáveis para iniciantes quanto a Lovable. |
Alguém que precisa de conteúdo + planeamento + construção | Manus | É um assistente AI tudo-em-um que pode lidar com todo o projeto 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 feliz por ter feito isso. Aprendi que criar um site não é tão intimidante quanto eu pensava, e que a AI pode ser uma parceira criativa poderosa para não programadores. Portanto, se é um não programador com uma ideia de aplicação, não tenha medo de experimentar o vibe coding. Pode acabar por se surpreender com o que consegue criar.
Perguntas Frequentes
Posso realmente criar uma aplicação sem experiência em programação?
Sim, pode! Ferramentas como a Lovable e o Manus tornam possível que qualquer pessoa crie um site bonito e funcional sem escrever uma única linha de código. Apenas esteja preparado para experimentar diferentes prompts e seja paciente com o processo.
Qual ferramenta deu os resultados mais bonitos?
Para mim, o Manus foi o claro vencedor em termos de design. Foi a única ferramenta que capturou verdadeiramente o ambiente pop art, abstrato e divertido que eu procurava. A Lovable foi um segundo lugar próximo, com um design divertido e colorido que foi perfeito para um portfólio pessoal.
Qual ferramenta seguiu melhor as minhas instruções de design?
O Manus, de longe. Foi a única ferramenta que pareceu entender as nuances do meu prompt e traduzi-las num design bonito e criativo.
Alguma vez tive de olhar para código?
Com a Lovable, Replit e Bolt, nunca tive de olhar para uma única linha de código. Com o Cursor, fui imediatamente lançada num editor de código e não fazia ideia do que fazer. Com o Manus, não tive de olhar para código, mas poderia tê-lo feito se quisesse.
Recomendaria o vibe coding a outros não programadores?
Absolutamente! É uma forma divertida e empoderadora de dar vida às suas ideias. Apenas certifique-se de escolher a ferramenta certa para as suas necessidades e seja paciente com o processo. Nem sempre será perfeito à primeira tentativa, mas com um pouco de experimentação, pode criar algo verdadeiramente incrível.