Bem-vindo ao guia definitivo sobre FlutterFlow, a revolucionária ferramenta Low Code que tem transformado o cenário de desenvolvimento de aplicativos.
Se você está procurando maneiras de otimizar seu tempo, sem perder a eficácia e a eficiência, essa pode ser a solução ideal. Neste guia, vamos explorar o que é FlutterFlow, suas características e como maximizar seu uso para criar aplicativos incríveis.
Vamos desvendar juntos o poder dessa plataforma, seus recursos e funcionalidades, os segredos para aproveitá-la ao máximo, e auxiliá-lo a compreender tudo o que você precisa saber para dominar a ferramenta e tirar seus projetos do papel.
Então, prepare-se, pois este é um conteúdo que vale a pena acompanhar até o fim, temos uma super dica que vai te ajudar a aprender FlutterFlow de uma vez por todas! Descubra o mundo de oportunidades que o FlutterFlow pode abrir para você.
Índice
O que é FlutterFlow?
FlutterFlow é uma solução de desenvolvimento de aplicativos Low Code que permite criar aplicações web, iOS e Android de forma rápida e fácil.
A interface de usuário intuitiva possibilita a criação de apps com apenas alguns cliques, arrastando e soltando os elementos de design na tela. O FlutterFlow é baseado no Flutter, um SDK de código aberto desenvolvido pela Google para a criação de aplicativos móveis.
Como funciona?
A plataforma foi desenvolvida com base no Framework Flutter, criado pela Google e que utiliza a linguagem de programação Dart. Flutter é usado para criar aplicativos nativos para Android, iOS, Mac, Windows e Web. Ele tem crescido rapidamente.
O Flutterflow contém todos os elementos de construção de interface do usuário e lógica de negócios, mas para criar apps completos, você precisará conectar-se a uma ferramenta de backend externa.
Para quem é?
O FlutterFlow é um recurso ideal para aqueles que buscam criar aplicativos móveis e web sem ter que digitar muitas linhas de código ou ter um conhecimento técnico e aprofundado em programação.
Esta plataforma disponibiliza ferramentas para a criação de aplicativos complexos que podem ser adaptados às necessidades do seu negócio.
Com o FlutterFlow, você pode desenvolver aplicativos em poucos minutos, permitindo que sua empresa se concentre em outras áreas do negócio.
Basicamente, quando você quer trabalhar como desenvolvedor, criando aplicativos para terceiros, quando já tem um aplicativo funcionando com usuários e uma ideia validada, e quando a escala é mais importante que velocidade de criação.
FlutterFlow serve para criar sites?
Não, o FlutterFlow não serve especificamente para a criação de sites, pois a sua especialidade é o desenvolvimento de aplicativos mobile nativos para Android e iOS.
A plataforma é uma excelente solução para criar aplicações móveis multiplataformas, mas não é a melhor ferramenta para criar sites tradicionais.
FlutterFlow serve para criar aplicativos web e PWA?
Sim, o FlutterFlow é capaz de criar aplicativos web, PWA e mobile nativos. Dentro da plataforma, existe uma opção de “permitir PWA” que fica acessível quando você está fazendo uma publicação na web do seu aplicativo.
Ou seja, seu aplicativo roda no navegador, mas também tem a possibilidade de instalar ele no celular, podendo utilizar alguns recursos nativos do telefone.
FlutterFlow serve para criar apps nativos?
Sim, e inclusive esse é um dos grandes diferenciais do FlutterFlow. A plataforma permite a criação de aplicativos nativos, que possibilitam utilizar todos os recursos do celular, podendo também ser adicionados nas lojas de aplicativos – Play Store e App Store.
É possível publicar aplicativos na Play Store e App Store?
Sim, é possível publicar aplicativos criados em FlutterFlow em ambas as lojas, Play Store e App Store. Para publicar um aplicativo na Play Store, o primeiro passo a ser dado é acessar a documentação do FlutterFlow sobre como fazer o deploy.
Nessa documentação, tem todo o passo a passo a ser seguido para concluir a publicação do seu aplicativo na Play Store com sucesso.
Para publicar seu aplicativo na App Store vai ser um pouco mais complexo. Você vai precisar acompanhar o tempo todo o tutorial do FlutterFlow sobre como subir o seu aplicativo na App Store.
Possui backend, servidor e banco de dados?
Não, FlutterFlow é uma ferramenta de frontend, o que significa que ela é só a parte visual e lógica. É preciso conectar com um backend externo, ou seja, com um banco de dados, um motor externo.
Quais backends posso integrar?
Existem diversas opções de backends externos que você pode conectar com seu aplicativo FlutterFlow, como por exemplo:
- Firebase (Google);
- Xano;
- Supabase;
- Entre muitas outras opções.
Cada uma das opções disponíveis tem um perfil de uso diferente, por exemplo, o Xano te permite ter aplicativos gigantes. Mas, esse processo agrega uma complexidade maior.
Quais tipos de aplicativos é possível criar com FlutterFlow?
Em FlutterFlow, é possível criar diversos modelos de aplicativos, que são os mais comuns. Veja alguns exemplos do que é possível criar:
- Marketplaces, como Airbnb, OLX, DogHero, MercadoLivre;
- Fintechs, como Kinvo, Mobilis, Realvalor, bancos digitais;
- Sistemas de gestão, como Bling, Tiny ERP, Omie;
- Aplicativos de vendas – CRM, como Pipedrive, Bitrix, Agendor;
- Delivery ou catálogos digitais, como Deliverydireto, Kyte, Goomer;
- Plataformas EAD ou bibliotecas de vídeos, como Cademi, Netflix, Prime Vído;
- Redes sociais, como Twitter, Facebook, Instagram, Pinterest;
- Apps de Inteligência Artificial, como G4 Educação AI, Integração OpenAI, Creator Rocket; e
- Automação de WhatsApp, como Manychat, Automatizap, Joinzap.
O que não é possível criar com FlutterFlow?
Apesar das capacidades da plataforma, existem algumas limitações, como a criação de jogos 3D. Se você quiser criar um jogo em 2D, como um xadrez, vai ter sucesso, já que esse tipo de jogo se assemelha mais a um aplicativo com elementos visuais.
Mas é impossível criar jogos em 3D com tecnologias como FlutterFlow, existem plataformas específicas para a criação de jogos, FlutterFlow não é para isso.
Também não é possível criar sistemas embarcados com FlutterFlow, que são um tipo de software específico para um hardware específico, como por exemplo um software que vai num GPS de um barco ou de um avião, esse tipo de coisa.
E, por último, não é possível criar sistemas ultracomplexos com FlutterFlow, como o Facebook Ads por exemplo. O Facebook em si pode ser criado em FlutterFlow, mas o Facebook Ads é muito mais complexo do que o funcionamento de uma rede social.
Um ponto de atenção é que o FlutterFlow também não possui um recurso nativo de geolocalização em segundo plano. Um exemplo de utilização desse recurso seria quando você pega um Uber e desliga a tela do celular, mas a geolocalização continua funcionando.
É possível inserir código no FlutterFlow?
Sim, é possível inserir códigos CSS, HTML, Javascript e principalmente Dart no FlutterFlow. Você também consegue importar todos os packages Flutter para dentro de seu aplicativo FlutterFlow.
Esse é um dos principais motivos da abordagem de desenvolvimento do FlutterFlow ser considerada como Low Code, e não No Code, como Bubble por exemplo.
É possível importar packages prontos do Flutter?
Sim, o Flutter possui um gerenciador de pacotes que permite aos desenvolvedores instalar e gerenciar pacotes de código compartilhados. Todos os pacotes em pub.dev podem ser utilizados em FlutterFlow.
Essa solução pode te ajudar a economizar tempo e esforço no desenvolvimento do seu aplicativo.
Exemplos de aplicativos criados com FlutterFlow
A seguir, vamos conferir alguns aplicativos criados em FlutterFlow, que estão crescendo e fazendo sucesso:
Giftit
Esse aplicativo é bem novo, e teve um destaque relevante na comunidade do FlutterFlow. Basicamente, você seleciona um contato para descobrir o que aquele amigo ou parente quer ganhar de presente.
Cada um tem sua lista de presentes, e assim fica mais fácil para presentear alguém em uma festa, amigo secreto ou qualquer evento em família ou amigos. Esse app também ganhou o concurso de melhor design do ano, de FlutterFlow.
Coin App
Esse aplicativo é voltado para finanças pessoais, onde é possível fazer todo o controle das suas finanças, seus orçamentos pessoais, ter um baú para organizar poupança, ter registros recorrentes, entre outras funcionalidades.
Esse também é um aplicativo de design bem atraente e avançado, e se destacou por esse fator.
PlayerFinder
O PlayerFinder é um aplicativo voltado para a área de jogos, onde jogadores de todo o mundo podem encontrar outros jogadores em sua região para uma partida online.
Nesse app, o que se destaca bastante é todo o design e a parte inteligente por trás, já que ele conecta pessoas com outras pessoas através de pesquisa de interesses, e dá um “match” no perfil. Esse é um aplicativo bem robusto e já tem muitos usuários.
Tagalong
O Tagalong é um dos projetos mais famosos da comunidade de FlutterFlow, e já é bem utilizado por muitos usuários. Esse aplicativo conecta atletas que querem melhorar o desempenho e estão buscando um acompanhamento pessoal.
O aplicativo facilita para os esportistas de alta performance encontrarem um coach para auxiliar nessa jornada de aprendizado e aceleração. Através do app, é possível fazer toda a ponte de comunicação entre o atleta e seu coach.
Atlas
Outro aplicativo bem famoso na comunidade FlutterFlow, por ser muito completo e ter muitos usuários, é o Atlas, onde é possível realizar gestão de crédito.
Esse aplicativo envolve bastante essa parte financeira, sendo um pouco mais robusto. O Atlas já conquistou muitos usuários, se tornando um bom exemplo de escalabilidade em FlutterFlow.
A.B Money Meditation
O aplicativo que ganhou o “App of the Year 2023” pelo concurso do FlutterFlow é o A.B Money, um app de meditação que impressionou a todos pela sua robustez, sendo um dos aplicativos mais baixados na App Store, e um dos mais bem avaliados.
Ele tem telas atraentes e funcionais, e apresenta funcionalidades bem completas e escaláveis. O aplicativo já tem mais de 250k de usuários, sendo desenvolvido totalmente em FlutterFlow.
Quanto custa FlutterFlow?
O FlutterFlow contempla quatro planos no total, sendo eles Free, Standard, Pro e Teams. A cada plano, os recursos e benefícios aumentam, proporcionando uma experiência escalável:
- Plano Free, completamente gratuito: Construir de aplicativos visuais, centenas de modelos de páginas e componentes, criar aplicativos móveis, web e desktop, API e integração de dados, publicação na web.
- Plano Standard, US$15: Recursos gratuitos + Baixar código, baixar APK, publicação na web de domínio personalizado.
- Plano Pro, US$35: Recursos Standard + Colaboração em tempo real, controles de acesso em nível de projeto, registros de auditoria de 7 dias, faturamento centralizado.
- Plano Teams, US$35: Recursos Pro + Integração com repositório de origem, localização com um clique, integração com GitHub, implantação com um clique nas lojas de aplicativos Apple e Google.
Como funciona o plano gratuito?
O plano gratuito do FlutterFlow – Free – te permite criar absolutamente tudo, você não precisa pagar o FlutterFlow para aprender. Você pode aprender tudo e criar o que quiser apenas utilizando o plano gratuito.
Mas, para publicar seu aplicativo você precisa migrar para um plano pago. Para fazer uma publicação em seu domínio próprio, na Play Store, na App Store, e para lançar comercialmente seu aplicativo, por exemplo.
Como se compara com outras ferramentas No Code e Low Code?
Como sabemos, existe uma infinidade de ferramentas No Code e Low Code para o desenvolvimento visual de aplicativos, e essa vasta gama de possibilidades pode deixar qualquer um confuso na hora de escolher a plataforma certa para o seu projeto.
Pensando nisso, vamos conferir abaixo uma comparação de FlutterFlow com algumas das plataformas No Code e Low Code mais populares:
FlutterFlow x Bubble
Bubble é uma plataforma No Code que já possui servidor próprio e banco de dados nativo. Por isso, a experiência de criação e aprendizado costuma ser mais rápida.
FlutterFlow não possui servidor ou banco de dados, para tal, é necessário integrar com um backend externo, o que aumenta a curva de aprendizagem e o tempo de criação.
No entanto, essa integração externa também oferece muitas possibilidades de escala e customização. A recomendação é: use FlutterFlow se você pretende criar um aplicativo que faça uso de recursos nativos, sendo eles principalmente:
- Armazenamento Offline;
- Geolocalização em Segundo Plano; ou
- Notificações Push Nativas.
FlutterFlow x WeWeb
É preciso entender que WeWeb e FlutterFlow são plataformas bem similares, sendo que ambas apresentam apenas frontend, e ambas te permitem exportar o código fonte.
Porém, a principal diferença entre elas é o objetivo do seu projeto: Caso você precise criar um aplicativo nativo, com recursos nativos, a opção ideal é o FlutterFlow; mas, se essa não é uma necessidade, a recomendação pode ser o WeWeb.
FlutterFlow x WordPress
FlutterFlow é uma das melhores plataformas para a criação de aplicativos web e mobile, com recursos nativos. A ferramenta permite uma flexibilidade e escala impressionantes, e é usada majoritariamente para a criação de apps nativos.
Já o WordPress é um criador de sites, um conteúdo que não permite aos usuários a interação com a página. WordPress é muito útil para a criação de sites, blogs e portais simples.
FlutterFlow x Wix
Enquanto FlutterFlow se caracteriza por ser uma plataforma Low Code para a construção de aplicações web e mobile nativos, o Wix é um construtor de sites com algumas funcionalidades limitadas.
Ambas as ferramentas possuem público-alvo diferentes, sendo que FlutterFlow é voltado para desenvolvedores que desejam criar apps de forma rápida e fácil, Wix é mais focado em iniciantes sem qualquer experiência em criação de sites ou aplicações web.
Ou seja, se você deseja criar um aplicativo personalizado e de alto desempenho, a recomendação é FlutterFlow. Mas, se seu objetivo é um site simples e você prioriza a facilidade de uso, sugerimos o uso do Wix.
FlutterFlow x WebFlow
Se você precisa de aplicativos móveis nativos, recursos avançados e desenvolvimento multiplataforma, então a melhor opção é o FlutterFlow.
Entretanto, se seu objetivo é criar um site ou landing page atraente, de forma rápida e fácil, a recomendação é sem dúvidas o WebFlow. A ferramenta conta com CMS integrado, e é uma solução No Code, diferente de FlutterFlow.
FlutterFlow x OutSystems
Logo de cara já existe uma diferença gritante entre as plataformas: o objetivo principal. Enquanto FlutterFlow se dedica à criação de aplicativos móveis nativos – iOS e Android, web e PWA. Já OutSystems se dedica à aplicativos corporativos focados na otimização de processos internos.
FlutterFlow é uma ferramenta que prioriza a escalabilidade dos aplicativos, enquanto o foco do Outsystems é em aplicações de uso interno corporativo.
Além do limite de 100 usuários em todos os planos, o que não permite muito espaço para escalar o aplicativo.
FlutterFlow x PowerApps
FlutterFlow é uma ferramenta direcionada, principalmente, a desenvolvedores e empreendedores que desejam criar aplicativos móveis nativos rapidamente, com o uso mínimo de códigos. PowerApps atende a um público mais amplo.
O PowerApps é uma ferramenta da Microsoft, criada com o objetivo de criar aplicativos empresariais, ou seja, seu aplicativo não vai ficar disponível para qualquer pessoa, pois será um app de uso interno da sua empresa.
O FlutterFlow usa um editor visual com componentes de UI e widgets pré-construídos, mas permite implementação de código personalizado para recursos avançados. Já o PowerApps é baseado principalmente em drag and drop, com opções limitadas de código personalizado.
FlutterFlow exporta o código-fonte?
Sim, uma das grandes vantagens do FlutterFlow é ter mais independência, te permitindo exportar o código fonte.
Então, se você é um desenvolvedor, por exemplo, que está criando um aplicativo para terceiros e quer entregar o código fonte para eles, com o FlutterFlow você pode. Se você entrega aplicativos para governo, que exigem código fonte, você consegue exportar na linguagem Dart / Flutter.
Inclusive, o código fonte do FlutterFlow é criado em Dart/Flutter, que é uma das tecnologias mais atualizadas e mais populares que existem atualmente.
FlutterFlow exporta o banco de dados?
Não, FlutterFlow não possui banco de dados para ser exportado. O ideal é verificar se o backend com que você fez a integração possui exportação de dados. Mas via de regra, praticamente todos os backends externos permitem exportar os dados.
Consigo hospedar um aplicativo em meu servidor próprio?
Sim, FlutterFlow te permite exportar o código-fonte Dart / Flutter de seu aplicativo. Depois, é só hospedar o código em seu próprio servidor, de modo que ele esteja disponível para uso.
Quais são as tecnologias e linguagens por trás do FlutterFlow?
O FlutterFlow utiliza um kit de ferramentas de desenvolvimento de software de código aberto criado pelo Google, o Flutter, que utiliza a linguagem de programação Dart para criar aplicativos nativos para várias plataformas.
É possível escalar e criar grandes aplicativos?
Sim. Para lançar comercialmente seu aplicativo criado em FlutterFlow, é preciso migrar para o plano Pro, te custando $35 por mês. Mas, é interessante observar o modelo de precificação da plataforma.
Esses $35 são cobrados por conta, e não por aplicativo criado, então você consegue não apenas criar quantos aplicativos você quiser, mas o mais importante: criar aplicativos multiempresas pelo mesmo valor.
Em um exemplo prático, imagine que você tem um custo de R$200 com seu aplicativo, e você cobra R$100/mês de cada cliente. Quando você tiver 40 clientes, por exemplo, com uma receita de R$4.000 por mês, o seu custo fixo continua R$200 por mês.
É possível fazer integrações API?
Sim. O FlutterFlow permite integrações API, mas existe uma certa limitação de APIs no plano Free e Standard: caso seu plano seja um desses dois, você vai ter uma limitação de 2 API endpoints.
Para ter requisições salvas ilimitadas, você precisará migrar para o plano Pro. Isso não significa que você não consegue aprender no plano gratuito, apenas que, para criar uma terceira requisição, você precisará modificar ou deletar uma das duas.
Qual o limite de banco de dados do FlutterFlow?
O FlutterFlow é uma ferramenta de desenvolvimento visual que contém apenas o frontend, então não existe nenhum limite de banco de dados.
Porém, como a plataforma tem a possibilidade de se conectar a um backend externo, é preciso avaliar os limites de banco de dados dos principais backends que podem ser trabalhados junto ao FlutterFlow, como o Firebase, Xano, Supabase, entre outros:
Limite de banco de dados do Firebase
O Firebase apresenta um limite de banco de dados fixo, sendo de 10GB de armazenamento e 10 milhões de operações por dia. Isso, sem contar com alguns limites adicionas que o backend estabelece, como:
- Tamanho de documentos: O tamanho máximo de um documento é de 1MB;
- Tamanho de campos: O tamanho máximo de um campo é de 1GB;
- Número de campos: O número máximo de campos em um documento é de 100; e
- Número de coleções: O número máximo de coleções em um banco de dados é de 200.
Limite de banco de dados do Xano
A limitação de banco de dados do Xano é bem simples de entender: No plano gratuito do Xano – Plano Build -, existe um limite de 100.000 registro totais, e também um limite de taxa de API.
Porém, assim que você migrar para os planos pagos já recebe uma grande vantagem, pois a partir do primeiro plano pago – Plano Launch – já não existem mais limites de registros ou de taxas. Esse padrão se repete em todos os planos pagos: Scale 1x, Enterprise e Agency.
Limite de banco de dados do Supabase
Parecido com o modelo de limitação de banco de dados do Xano, no Supabase temos um limite que escala de acordo com o plano escolhido.
No plano gratuito – Plano Free – os limites de banco de dados são de 500MB de espaço no banco de dados, e um armazenamento de arquivos de até 1GB. No plano Pro, esses limites vão para 8GB no banco de dados e um armazenamento de arquivos de 100GB.
Já nos planos Team e Enterprise, os limites permanecem os mesmos do plano Pro, apenas adicionando um recurso de backups diários armazenados por 14 dias.
FlutterFlow é seguro?
Sim, o FlutterFlow oferece ferramentas e recursos que permitem aos desenvolvedores seguir as diretrizes legais e as melhores práticas do mercado para aplicar práticas de privacidade de dados.
O FlutterFlow oferece suporte à integração com serviços de armazenamento em nuvem, como o Firebase, que oferece recursos avançados de segurança e criptografia.
É essencial configurar adequadamente as permissões de acesso aos dados para garantir um nível apropriado de segurança.
Existem vagas para desenvolvedores?
Sim. Apesar das vagas para desenvolvedores tradicionais ainda representarem a maioria nesse quesito, existe um mar de oportunidades para desenvolvedores No Code e Low Code que ainda precisa ser muito explorado.
É claro que, se você estiver entrando nesse mercado com o único objetivo de entrar em uma empresa e encontrar um emprego tradicional, talvez o desenvolvimento visual não seja a sua melhor opção.
No entanto, se você deseja se tornar um desenvolvedor FlutterFlow e pesquisar em portais, como o LinkedIn, por vagas nessa área, você vai sim encontrar algumas oportunidades. Porém, a maioria das vagas No Code e Low Code não estão por lá.
Vagas e oportunidades para desenvolvedores FlutterFlow se concentram mais em grupos e comunidades dedicados, como é o exemplo do marketplace da Comunidade Sem Codar, que possui ofertas atualizadas constantemente pelos próprios membros.
Qual o salário de desenvolvedores?
De acordo com pesquisas salariais de programadores brasileiros, divulgadas pelo canal Código Fonte TV, podemos conhecer a fundo o mercado de desenvolvimento de software com dados coletados entre os dias 30 de janeiro de 2023 e 24 de abril de 2023.
A média salarial de profissionais que atuam com web frontend varia entre R$1.553,11 e R$15.527,48 dependendo do nível. Já a média salarial de programadores que atuam com mobile vai de R$1.466,48 à R$17.094,02 também variando de acordo com o nível.
Quanto tempo demora para aprender?
Com observações que fizemos com os alunos da Comunidade Sem Codar, percebemos que, geralmente nos primeiros 30 dias, os alunos ainda estão aprendendo os fundamentos. Ainda se sentem confusos e empacados no aprendizado.
Em 60 dias aprendendo FlutterFlow, os alunos já começam a pegar o jeito, se sentem um pouco mais confortáveis com o aprendizado. Nessa etapa, normalmente é quando as pessoas já começam a pegar a própria ideia e criar seu primeiro aplicativo customizado.
E, em 90 dias de curso, já é possível finalizar a primeira versão do seu aplicativo.
Como aprender FlutterFlow?
A forma mais otimizada e rápida possível para aprender FlutterFlow de verdade e começar a colocar seus conhecimentos em prática é através da Comunidade Sem Codar.
A Comunidade Sem Codar é um curso com mais de mil aulas atualizadas sobre FlutterFlow, APIs, plugins, integração com meios de pagamento, banco de dados, performance, segurança, e também sobre outras plataformas populares em No Code e Low Code.
Nas primeiras 5 horas de curso, você já tem uma compreensão muito boa sobre os fundamentos básicos para a criação de aplicativos, nas primeiras 20 horas você já pegou o jeito e está confortável com o uso da ferramenta.
Dos cursos e aulas de FlutterFlow disponíveis na Comunidade Sem Codar, podemos destacar FlutterFlow para iniciantes, que possui módulos práticos, ensinando sobre as funcionalidades básicas e primordiais da ferramenta. Apenas com esse módulo concluído, você já terá seu primeiro app pronto e funcional.
Além de muitos outros cursos, módulos bônus e aulas complementares, contando com um conteúdo bem explicado e denso. Os alunos aprendem desde Design e Ui, até aulas ensinando a criar aplicativos completos do início ao fim.
Os membros da comunidade também têm acesso a um grupo exclusivo, onde é possível tirar dúvidas, interagir com outros membros, ajudar outras pessoas com dúvidas, e muito mais.A Comunidade Sem Codar incentiva o trabalho duro apontado na direção correta, proporcionando um ambiente de aprendizagem produtivo e que agrega valor à sua jornada. Junte-se a nós na Comunidade Sem Codar e aprenda FlutterFlow de uma vez por todas!
