FlutterFlow lançou um criador de apps com IA – vai mudar o jogo?

A FlutterFlow lançou uma nova aplicação chamada DreamFlow e isto pode ser uma mudança de jogo.

Para quem não sabe, a FlutterFlow é um dos principais construtores de aplicações no-code e low-code. Permite criar aplicações móveis e aplicações web sem codificação, integrar com Firebase, integrar com OpenAI e muito mais.

A primeira coisa que quero fazer é pedir-lhe para dizer:

É assim que a página inicial se parece. Como devem ter percebido, é muito semelhante à Bubble e à Lovable, mas vamos descobrir se vale a pena o hype.

Para aceder ao DreamFlow, vão visitar dreamflow.com. O que vamos construir neste vídeo é um rastreador de dívidas ou uma aplicação de gestão de dívidas.

Quero construir uma aplicação de gestão de dívidas.

Sem lhe dar quaisquer diretrizes de design ou qualquer informação adicional, isto é o que produziu para nós.

Podemos ver que nos deu uma página inicial.

Deu-nos alguns separadores.

Temos um separador de painel.

Temos as minhas dívidas.

Temos estratégias, o que é interessante.

Portanto, tem algumas estratégias aqui.

Temos definições onde podemos mudar para o modo escuro.

E vamos ver.

Não parece que o modo escuro esteja ativado.

Podemos mudar o símbolo da moeda.

Então, vamos mudar para libras.

Lembretes de pagamento, isso é muito bom.

E exportar dados e importar dados.

Então, vamos adicionar algo.

Vamos adicionar um cartão de crédito Chase.

Vamos dizer 5.000 ou 500.

Vamos dizer, não sei qual é a taxa de juro.

2%.

O pagamento mensal mínimo é, digamos, 30.

E a data de vencimento, sim, vamos deixar a data de vencimento.

E, curiosamente, podemos categorizá-lo, que é o que queremos fazer.

Excelente.

Vamos adicionar dívida.

Ok, criou este painel muito bom para nós.

E dá-nos um detalhe da dívida.

Então, não sou um guru financeiro.

Então, não estou bem versado em todas as estratégias de dívida.

Mas diz aqui que estamos a usar este método.

E podemos mudar o método que estamos a usar.

Podemos ir às minhas dívidas.

E podemos ver a dívida.

Podemos ir às estratégias.

E criou um gráfico muito interessante com os prazos de pagamento da dívida, o que é ótimo, o que é super interessante.

E deu-nos uma ordem de pagamento da dívida, o que também é interessante, o que é bom.

E vamos ver nas definições se o modo escuro funciona agora.

E ainda não funciona.

Então, aqui está a minha opinião sobre algumas destas ferramentas.

É que vai adicionar funcionalidades que não funcionam.

Então, tens de testar tudo.

Não assumas que tudo está a funcionar.

Testa.

Testa cada botão, testa cada entrada para ver se a aplicação está a comportar-se como esperado.

Mudámos para libras e voltámos para dólares.

Então, vamos mudar para libras novamente.

E vamos ver se volta para dólares.

Então, volta para dólares.

Então, não está a guardar nenhuma configuração.

E isso pode ser porque não tenho uma base de dados conectada a isto.

Vamos tentar adicionar outra dívida.

Adicionei outra dívida e criou este cálculo para a dívida total e quanto resta.

Não sei o que é esta coisa aqui.

Então, está a adicionar funcionalidades de interface de utilizador adicionais ou componentes de interface de utilizador que não servem para nada.

Criou esta lista, o que é perfeito.

É exatamente o que queremos.

Também podemos notar que tem a palavra

Painel

mas não tem um ícone na parte inferior.

E também está a adicionar uma animação quando clicas no separador.

Se olharmos para os diferentes pontos de vista, podemos ir para o modo paisagem.

E tornou-o responsivo, o que realmente parece muito, muito bom.

Podemos ir para o modo tablet.

E parece ótimo novamente no modo tablet.

Modo desktop.

Podemos, esperançosamente, aumentar o tamanho.

E, novamente, parece muito, muito bom em cada um dos modos.

A situação ideal é que possamos ir para o FlutterFlow e fazer alterações diretamente no FlutterFlow.

Podemos ver que há uma lista de espera para isso e temos de entrar na lista de espera.

Caso contrário, pode publicar isto diretamente na web ou exportar o código.

Quando clicamos em

Descarregar código

podemos ver que temos de fazer um upgrade para descarregar o código.

Ao contrário do FlutterFlow ou de algumas outras ferramentas que permitem descarregar gratuitamente, e que realmente só cobram por tokens.

Parece que aqui estão a cobrar por tokens, mas também para descarregar o código.

Num plano Hobby, pode criar projetos ilimitados e descarregar o código.

Parece que com o plano Pro, tem muito mais tokens e também acesso prioritário a modelos premium.

Infelizmente, não mostra no chat em lado nenhum quantos tokens estão a ser usados para isto.

Então, não consigo realmente ver quantos tokens estão a ser usados para isto.

Mas se eu for às minhas definições e à faturação, posso ver quantos tokens foram usados no período de faturação.

Então, fiz duas aplicações até agora, esta e outra.

A outra é uma aplicação de quiz.

E usei quase um milhão de tokens para criar estas duas aplicações relativamente pequenas, sem edições.

Então, a aplicação de quiz, acabei de pedir para gerar a aplicação e não a editei.

E esta é a segunda aplicação.

E pedi para gerar a aplicação.

Novamente, não fiz nenhuma edição.

Se formos a novos projetos, parece que podemos integrar o OpenAI.

E diz que tem uma integração de IA OpenAI incorporada.

E não precisas de uma chave API, o que para mim, quando estás a começar, é um benefício adicional.

Porque queres tentar reduzir o máximo de complexidade possível.

À medida que aumentas o conhecimento e a complexidade do teu projeto, queres ter as tuas próprias chaves API de IA.

Mas quando estás a começar, acho que é melhor não usar as tuas próprias chaves API de IA.

Ele agrupa qualquer uso de IA dentro da tua aplicação com a IA usada no próprio desenvolvimento da aplicação, o que pode esgotar os tokens antes mesmo de saberes.

Isto são fases muito iniciais e o Firebase e o Supabase ainda não estão integrados.

Um grande ponto positivo para o próprio FlutterFlow é a integração com o Firebase.

E torna super fácil integrar o Firebase.

E o Supabase está a tornar-se o padrão quando se trata de aplicações de IA e muitos destes construtores de IA.

Então, é ótimo que eles tenham isso no roteiro.

Já que me restam alguns tokens, vou tentar fazer algumas edições.

E a primeira edição que vou tentar fazer é adicionar alguns ícones na barra de navegação.

Pedi para adicionar alguns ícones e não parece que adicionou os ícones.

Mas aqui no chat, sugere que adicionou os ícones.

Se olharmos para quantos tokens foram usados, usou uma boa quantidade de tokens para o fazer e não o fez.

Então, eu poderia esgotar o meu limite de tokens muito, muito rapidamente.

Isto parece aproximadamente certo.

Esta aplicação inicialmente provavelmente levou cerca de 400.000 tokens para construir.

E depois gastou cerca de 50.000 tokens a tentar adicionar os ícones.

Infelizmente, não adicionou os ícones, o que é um grande problema para mim.

Quando clicas em

Publicar na web

isto pode ser publicado como uma PWA.

Então, isto é um híbrido entre uma aplicação móvel nativa e um website, o que é super fixe.

Tem um pouco mais de funcionalidades do que um website, mas não tem a dor de cabeça de ter de submeter à App Store.

Mas se quiseres submeter à App Store, acho que é aí que descarregar o código será útil.

Ou até mesmo editar o projeto no FlutterFlow, onde o FlutterFlow tem um processo contínuo para carregar para a App Store e Google Play Store.

Atualmente, não parece que eu possa adicionar isto a um domínio personalizado ou até mesmo mudar o nome aqui.

Então, vamos tentar novamente.

Não, não consigo editar lá.

Talvez se eu for às definições.

Não.

Então, não parece que eu possa editar o subdomínio.

A maioria das ferramentas permite-te editar o subdomínio.

Então, isto pode ser chamado DebtTracker.dreamflow.app.

Mas o DreamFlow atualmente não me permite editar isto.

Definitivamente uma ferramenta a observar.

Espero que continuem a trabalhar nisto e que continuem a trabalhar em funcionalidades fixes e na integração com o próprio FlutterFlow.

Obrigado por assistirem.

Se tiverem alguma questão ou se houver mais alguma coisa que queiram que abordemos, deixem um comentário abaixo.

Gostaríamos muito de ouvir a vossa opinião.

Certifiquem-se de verificar o link na descrição para ir para no-code.mba.

Uma plataforma de aprendizagem com dezenas de cursos aprofundados e de alta qualidade sobre no-code e IA, ensinados por especialistas da indústria.

E certifiquem-se de subscrever o nosso canal aqui para obterem mais conteúdo gratuito aqui no YouTube.

Obrigado novamente e vemo-nos no próximo vídeo.