Inteligência artificial que promete gerar aplicações em React, Next, Vue e até React Native

Essa semana descobri uma Inteligência Artificial que promete gerar aplicações em React, Next.JS, Vue ou React Native (e até integra com Tailwind CSS) a partir de um simples design no Figma.

Minha reação inicial foi a mesma que todo(a) dev tem tido pelo menos 1 vez por semana nos últimos meses:

Pronto, é agora que vou ser substituído 🥲

Resolvi testar e analisar a fundo a ferramenta pra entender em que nível que estamos na escala de "AGORA F****".

Eu peguei uma aplicação que eu tinha desenvolvido e tentei gerar o código com a ferramenta pra comparar. E aí fiz um vídeo pro YouTube analisando o resultado. Vou deixar o link aqui pra quem tiver interesse.

Mas um pequeno spoiler, olha um trecho de código que gerou do Tailwind 😂

<button className="cursor-pointer [border:none] py-[0.55rem] px-[4.95rem] bg-aquamarine my-0 mx-[!important] absolute top-[calc(50%_+_327px)] left-[calc(50%_-_162.35px)] rounded-[5.28px] w-[20.23rem] flex flex-row box-border items-center justify-center z-[1]">
  <div className="relative text-[1.98rem] font-dosis text-gray text-center flex items-center justify-center w-[9.54rem] h-[2.12rem] shrink-0">
    novo hábito
  </div>
</button>

Esse mx-[!important] me pegou um pouco kkkk

🔗 Link pro vídeo: https://www.youtube.com/watch?v=5dr4IMD05HU

Quando vejo ferramentas como essa eu acho ótimo, pois é mais trabalho que teremos no futuro refazendo esses projetos feito por elas.

Já vi vários colegas front-enders que pegaram projetos que começou sendo algo feito pelo cliente na Wix, quando o cliente percebe as limitações da Wix recorre à ajuda profissional, e isso contribui na valorização do trabalho por esse profissional.


Também fico contente com as realmente boas ferramentas de IA que surgirem para deixarem minha vida de programador mais fácil. Imaginem uma boa ferramenta para gerar CRUDs de acordo com boa arquitetura e segurança, e sem as maluquices que as atuais fazem.


Esse robô do início do vídeo ao estilo I am Mother (Netflix) ficou legal demais. Parabéns pelo conteúdo, ficou 10!

Valeu pelo elogio @user1! Fiz esse robô usando esse https://wonderdynamics.com/. É muito foda 😅 --- Pois é. O que tem de gerador de site que gera código bizarro... esse daí eu acho que tem futuro, mas por enquanto não dá pra usar em nada grande.

Vou conferir , pra mim que uso figma e tbm crio umas coisas nocode, (não sou dev) achei que séria bom kkkk, mas como já disse que tem bugs, já desanimei kkkk

Há uma opção que estou pesquisandou pra entender como funciona no figma, que é o modo DEV, porém um amigo me disse que não é tão bom, os códigos saem sem estrutura.

Porém, como toda tecnologia elas vão evoluindo, é pra se ficar de olho.

Outra coisa que pensei, pra quem ainda não sabe codar, é talvez gerar esses códigos, e usar o AWS Whisper, GPT code, ou outra ia que faça código, para corrigir e estruturar, não sei vou pesquisar e testar também, porém sei que esse é o caminho pra quem não quer ser dev, mas precisa desenvolver algo. O ideal é aprender programação mesmo.