Présentation rapide de FlutterFlow et Bubble
Dans le monde du développement d’application mobile et web, FlutterFlow et Bubble se sont imposés comme des plateformes de no-code incontournables. Ces deux outils offrent une nouvelle approche du développement grâce au no-code, facilitant le travail des développeurs d’applications et des développeurs web.
Qu’est-ce que FlutterFlow?
FlutterFlow, une plateforme de développement d’applications mobiles et web, se distingue par son utilisation du framework Flutter de Google. Cet outil de développement permet aux concepteurs d’applications de créer des logiciels pour Android et iOS sans avoir à écrire une seule ligne de code. Grâce à FlutterFlow, le développement d’applications est simplifié, permettant la création de logiciels complexes avec une facilité déconcertante.
💡 FlutterFlow n’est pas juste une plateforme no-code mais un outil qui va te permettre de générer du code Flutter (tu vas comprendre pourquoi je précise ce détail un peu plus loin)
FlutterFlow a été lancé en 2020 par d’anciens salariés de Google. Depuis, l’outil a énormément évolué et continue de bénéficier de nombreuses mises à jour. En début d’année 2024, FlutterFlow a réalisé une levée de fonds de 25,5 millions d’euros, ce qui présage de belles perspectives pour la plateforme.
En plus de sa facilité d’utilisation, FlutterFlow offre un support complet pour le langage de programmation Dart. Cela signifie que tu peux ajouter ton propre code dans tes applications si nécessaire, et donc n’avoir aucune limite dans ton développement. FlutterFlow se définit donc plus comme une plateforme no-code et low-code.
Qu’est-ce que Bubble?
Bubble, d’autre part, est une autre plateforme no-code qui permet aux utilisateurs de créer des applications web uniquement sans avoir à écrire de code. Bubble se distingue dans la comparaison de technologies par sa capacité à créer des applications web complètes avec une base de données intégrée, des fonctionnalités d’authentification, et une variété d’intégrations avec d’autres services.
Bubble a été lancé en 2012 et est particulièrement utile pour les développeurs web qui cherchent à créer des applications web complexes sans avoir à apprendre un langage de programmation. Avec Bubble, les concepteurs d’applications peuvent créer des applications web réactives qui s’adaptent à n’importe quel appareil.
En plus de sa facilité d’utilisation, Bubble offre une variété de plugins et d’intégrations avec d’autres services, permettant aux utilisateurs d’ajouter des fonctionnalités supplémentaires à leurs applications sans avoir à écrire de code.
Comparaison détaillée de FlutterFlow et Bubble
Interface utilisateur et personnalisation
FlutterFlow offre une interface intuitive drag-and-drop qui permet de créer des applications rapidement.
Sur la partie no-code de FlutterFlow tu vas pouvoir :
- gérer le thème de ton application (police, couleur).
- Gérer un mode light et dark ultra facilement.
- Au niveau de l’interface de développement, tu vas pouvoir sélectionner le device sur lequel tu développes (mobile, tablette, PC) et générer une émulation de l’application afin de faire des tests.
- Tu vas pouvoir utiliser toute une librairie de templates gratuits ou payants pour développer plus rapidement.
- Une fois l’application terminée, tu vas pouvoir déployer sur Android, Apple et sur le web en un clic grâce à la fonctionnalité “one-click déploiement”.
Sur la partie low-code tu vas pouvoir :
- générer des custom functions,
- custom actions,
- custom widgets
- et des cloud functions.
Pas de panique, tu vas pouvoir dans la grande majorité des cas développer ton application 100% en no-code mais dans 5 à 10% des cas c’est parfois plus pertinent de développer quelques lignes de code pour faire une fonctionnalité et dans ce cas le copilote IA de FlutterFlow sera à tes côtés 😉
Pour faire simple, la partie low-code de FlutterFlow pose pour seule limite de ton app ton imagination.
Avec Bubble, tu vas aussi utiliser une interface drag-and-drop principalement focalisée sur le web même si c’est possible de gérer différents formats d’écrans pour adapter ton application web sur tous les devices. Tu auras la possibilité d’ajouter des extensions et du custom code au besoin dans ton application.
Sur la partie no-code de Bubble tu vas :
- Gérer le thème de ton application (police, couleur).
- Au niveau de l’interface de développement, tu vas pouvoir sélectionner le device sur lequel tu développes (mobile, tablette, PC) et générer une émulation de l’application afin de faire des tests.
- Tu vas pouvoir utiliser toute une librairie de templates gratuits ou payants pour développer plus rapidement.
- Une fois l’application terminée, tu vas pouvoir déployer sur le web en un clic.
Sur la partie low-code de Bubble, tu peux :
- Ajouter du custom code (Javascript, CSS).
- Créer ta propre extension au besoin.
Gouvernance de son projet
Comme dit précédemment, FlutterFlow est un outil qui te permet de générer du code Flutter. Et c’est une grosse différence par rapport aux autres plateformes no-code. Grâce à FlutterFlow, tu vas donc pouvoir au besoin exporter ton projet, le stocker sur GitHub ou même l’héberger sur tes propres serveurs.
Pour moi, avoir une réelle maîtrise sur son code est indispensable quand on crée un projet digital. Si demain tu n’es plus satisfait de FlutterFlow, tu peux à la différence des autres plateformes exporter ton projet et continuer à le développer de ton côté.
Du côté de Bubble, tu auras uniquement la possibilité d’héberger ton app sur la plateforme. Ce qui pour moi est un gros point négatif. Si ton business repose à 100% sur ton app, tu n’auras aucune flexibilité sur les mises à jour de Bubble. Il y a d’ailleurs eu beaucoup de clients déçus lorsque Bubble a mis à jour son modèle économique pour passer au “workflow units”, ce qui a augmenté significativement le coût de certaines apps.
Fonctionnalités
Fonctionnalités FlutterFlow
FlutterFlow offre la possibilité de travailler sur plusieurs plateformes (Android, iOS, Web) avec une seule base de code. Cette plateforme simplifie grandement le processus de développement. Tu n’auras plus à te soucier de la gestion complexe des permissions ou de l’intégration de systèmes d’authentification variés tels que l’email, SMS, Google, et Facebook. L’envoi de notifications push et le déploiement d’applications deviennent également des tâches bien plus aisées.
La plateforme ne s’arrête pas là : elle permet l’utilisation d’appels API et de cloud functions pour gérer les opérations backend, garantissant ainsi une application fonctionnelle et réactive. FlutterFlow intègre aussi des solutions de paiement comme Stripe, Braintree, RevenueCat, et Razorpay, te permettant de monétiser ton application efficacement.
La gestion de code est facilitée par une intégration poussée avec GitHub, tandis que des outils comme Algolia pour la recherche avancée, Google Maps pour la géolocalisation, et diverses solutions d’analytics et de monétisation comme AdMob, Mux Live Stream pour le streaming vidéo, et One Signal pour les notifications push, enrichissent l’expérience utilisateur final.
En résumé, FlutterFlow est bien plus qu’une simple plateforme de développement : c’est une solution complète qui transforme les idées en applications fonctionnelles, accessibles aux développeurs comme aux non-développeurs. Sa capacité à simplifier des processus complexes et à intégrer une multitude de services tiers fait de FlutterFlow un choix privilégié pour ceux qui souhaitent développer des applications mobiles et web de haute qualité.
Fonctionnalités Bubble
Bubble est une plateforme de développement qui te permet d’ajouter des fonctionnalités dynamiques à tes applications, telles que des formulaires personnalisés et des systèmes de réservation, sans nécessiter de compétences en codage approfondies. Elle supporte l’intégration avec une variété de services tiers, notamment Stripe pour les paiements, Google Maps pour la géolocalisation, et permet l’utilisation d’API pour étendre encore plus ses capacités. Bubble offre également des fonctionnalités avancées comme le design responsive, qui assure que tes applications fonctionnent bien sur tous les appareils, et te donne la possibilité de personnaliser l’interface utilisateur et l’expérience utilisateur avec du code personnalisé.
Pour les besoins backend, les développeurs peuvent tirer parti des cloud functions, ce qui permet d’exécuter des tâches serveur sans gérer une infrastructure serveur. Bubble facilite aussi l’intégration avec des services comme Algolia pour des fonctionnalités de recherche avancées, ainsi que des outils d’analyse pour suivre le comportement des utilisateurs et AdMob pour monétiser tes applications via la publicité.
En résumé, Bubble est une solution idéale pour créer des applications web responsives, sécurisées et évolutives, ouverte tant aux développeurs qu’aux non-développeurs, facilitant la transformation d’idées en applications fonctionnelles avec un minimum d’effort technique.
Base de données
FlutterFlow
Intégration avec Firebase : FlutterFlow se distingue par son intégration native avec Firebase, facilitant le stockage de données en temps réel et la synchronisation sur divers appareils sans configurations complexes.
Supabase : Allant au-delà de Firebase, FlutterFlow s’intègre également avec Supabase, offrant une base de données PostgreSQL en temps réel, avec des fonctionnalités étendues comme l’authentification et le stockage de fichiers.
SQLite : Pour le stockage local, FlutterFlow permet l’utilisation de SQLite, idéal pour les applications nécessitant un fonctionnement hors ligne ou un stockage de données sensibles directement sur l’appareil.
Bubble
Contrairement à FlutterFlow, Bubble intègre une solution de base de données native directement dans la plateforme. Cette base de données est conçue pour être intuitive et facile à utiliser pour les développeurs et les non-développeurs. Elle permet une création rapide de structures de données complexes, des relations entre les données, et offre des fonctionnalités avancées comme les requêtes et les filtres, le tout sans écrire une ligne de code.
C’est tout à fait possible de connecter Bubble à d’autres solutions backend.
Analyse des tarifs de FlutterFlow et Bubble
Tarification de FlutterFlow
La tarification de FlutterFlow se divise en 4 parties :
La free : Va te permettre de démarrer et prendre l’outil en main. En revanche, tu vas pouvoir créer que deux call API et tu ne pourras ni publier ton app sur les stores ni exporter ton code.
Le Standard (30$ / mois) : Permet d’exporter son projet afin de pouvoir publier manuellement sur les stores (suffisant pour développer la v1 de ton app).
Le pro (70$/mois) : Pour moi, utiliser quand ton projet est en production. Il va te permettre de garder une copie de ton code sur GitHub et en plus de publier en un clic sur les stores.
Teams (70$/mois/utilisateur) : Utilisé si tu dois collaborer à plusieurs et en même temps sur ton app.
Tarification de Bubble
Bubble a un modèle économique différent de FlutterFlow avec un fonctionnement avec les “workload units”.
La free : Va te permettre de démarrer et prendre l’outil en main.
Starter (30$ / mois) : Permet de développer ton MVP.
Growth (119$ / mois) : Pour des projets plus complexes.
Team : Quand tu dois scale ton projet.
Enterprise : Forfait entreprise utilisé pour les grandes structures.
Avantages et inconvénients de FlutterFlow et Bubble
La prise en main
Avantages : FlutterFlow offre une interface utilisateur intuitive qui simplifie le processus de développement, rendant l’apprentissage rapide pour les nouveaux utilisateurs. Inconvénients : Malgré son interface conviviale, une certaine courbe d’apprentissage existe pour maîtriser pleinement ses fonctionnalités avancées.
La personnalisation
Avantages : La plateforme excelle dans la personnalisation grâce à sa capacité à intégrer du code personnalisé et à s’adapter à des besoins spécifiques. Inconvénients : La personnalisation avancée peut nécessiter des connaissances en Flutter, limitant ceux sans expérience en codage.
Le coût
Avantages : FlutterFlow propose différents plans tarifaires, y compris une option gratuite, offrant une flexibilité selon les besoins du projet. Inconvénients : Les fonctionnalités les plus avancées et les intégrations nécessitent souvent un abonnement payant, ce qui peut augmenter le coût du projet.
La gouvernance
Avantages : Avec FlutterFlow, tu as un contrôle complet sur l’hébergement et la maintenance de l’application, offrant une meilleure gouvernance des données. Inconvénients : Cette autonomie exige une gestion plus active et une responsabilité accrue de l’utilisateur.
Les avantages et inconvénients de Bubble
La prise en main
Avantages : Bubble brille par sa facilité d’utilisation et son approche 100% no-code, rendant la création d’applications web accessible à tous. Inconvénients : La simplicité peut parfois limiter la profondeur de personnalisation pour des cas d’utilisation très spécifiques.
La personnalisation
Avantages : Offre une large gamme d’options de personnalisation grâce à sa riche bibliothèque de plugins et d’intégrations tierces. Inconvénients : Atteindre une personnalisation très poussée peut devenir complexe et coûteux en raison de la dépendance aux plugins.
Le coût
Avantages : Bubble propose un modèle de tarification flexible, y compris un niveau gratuit permettant de tester et de développer des projets à petite échelle. Inconvénients : Les projets à grande échelle et les besoins avancés en ressources peuvent rapidement rendre l’option payante nécessaire.
La gouvernance
Avantages : La plateforme simplifie la gestion de l’application sans nécessiter de compétences techniques approfondies. Inconvénients : Tu es dépendant de la plateforme Bubble pour l’hébergement et la maintenance, ce qui peut poser des questions de gouvernance pour certaines entreprises.
Choix de la meilleure plateforme pour votre projet
Quand choisir FlutterFlow ?
- Application mobile : Si ton projet vise principalement les plateformes mobiles (iOS et Android), FlutterFlow est ta meilleure option grâce à sa performance et son adaptabilité.
- Importance sur la gouvernance : Si tu souhaites un contrôle total sur l’hébergement et la sécurité des données, FlutterFlow offre cette flexibilité.
- Capacité à prendre en main l’outil : Pour ceux prêts à investir un peu de temps dans l’apprentissage, FlutterFlow récompense avec une personnalisation et une performance supérieures.
Quand choisir Bubble ?
- Application web : Bubble est idéal pour les projets centrés sur le développement d’applications web, grâce à sa facilité d’utilisation et à son efficacité.
- 100% no-code : Si tu cherches à développer sans écrire de code, Bubble offre une expérience de développement no-code complète.
- Prise en main rapide : Pour des délais serrés ou des équipes sans expérience en codage, Bubble permet une exécution rapide et efficace.
Mon avis personnel
J’ai essayé les deux plateformes. Elles présentent toutes les deux des avantages et des inconvénients. J’ai ressenti que Bubble avait plus de puissance sur la partie 100% no-code. En revanche, je suis beaucoup plus à l’aise avec l’interface de développement de FlutterFlow.
Pourquoi je préfère FlutterFlow
Je trouve l’interface beaucoup plus intuitive.
La gouvernance de mon code est un critère très important pour moi et FlutterFlow offre un contrôle total à ce niveau.
À un moment, une app a besoin, même à moindre mesure, de low-code et je trouve la partie low-code de FlutterFlow redoutable.
Pourquoi je préfère Bubble
J’ai trouvé Bubble plus puissant sur la partie no-code avec une plus grande communauté. Cependant, j’ai été moins à l’aise avec l’interface de développement. De plus, je bloque vraiment sur la partie gestion de son code. Le fait de ne pas pouvoir exporter son projet si besoin est un véritable problème pour moi. Le changement de modèle économique de Bubble est un exemple qui montre pour moi l’importance d’avoir la maîtrise de son projet.
En conclusion, il n’y a pas de bon ou de mauvais choix. Je ne me positionne pas comme un ultra fan de FlutterFlow qui fait la guerre aux autres plateformes. Les deux outils présentent des avantages et des inconvénients. À vous de faire votre choix en fonction de vos sensibilités.
Et n’oubliez pas que ce ne sont que des outils qui servent à développer votre projet 🙂