Examen de Draftbit : Comment j’ai créé un suivi d’habitudes rapide et facile

Avez-vous déjà eu une idée d’application géniale, mais vous vous êtes senti bloqué parce que la création de l’application semblait trop compliquée ou lente ?

Récemment, j’ai utilisé Draftbit pour créer un suivi d’habitudes quotidien entièrement fonctionnel. Ce qui m’a le plus impressionné, c’est à quel point j’ai pu passer rapidement de l’idée à un prototype fonctionnel tout en conservant le contrôle total sur le code.

Dans cet examen de Draftbit, je discuterai des avantages et des inconvénients, de ce que c’est, de qui il est le mieux adapté et de ses fonctionnalités clés. Ensuite, je vous montrerai comment j’ai utilisé Draftbit pour générer et personnaliser un suivi d’habitudes quotidien.

Je terminerai l’article en comparant Draftbit avec mes trois meilleures alternatives (Base44 et Softr). À la fin, vous saurez si Draftbit est fait pour vous !

Verdict

Draftbit est une plate-forme de développement à faible code qui crée rapidement des applications natives iOS et Android, exporte le code React Native et utilise des composants personnalisables avec une intelligence artificielle et une aide d’expert en option. C’est rapide et flexible pour les équipes et les développeurs. Cependant, les débutants peuvent le trouver difficile car les fonctionnalités complexes peuvent être déconcertantes.

Qu’est-ce que Draftbit ?

Draftbit est un constructeur d’applications mobiles sans code qui conçoit et crée des applications mobiles pour iOS et Android sans écrire de code. Il dispose d’une interface de glisser-déposer pour concevoir rapidement des dispositions d’applications tout en générant automatiquement le code source React Native. Cela vous permet d’avoir la pleine propriété du code de l’application pour une personnalisation ou un développement ultérieurs.

Au lieu de passer des semaines à configurer la structure de navigation de base d’une application mobile, Draftbit crée un prototype fonctionnel avec plusieurs écrans, une navigation et des connexions API en quelques heures. La courbe d’apprentissage existe, mais elle est plus comme apprendre à conduire qu’apprendre à construire une voiture à partir de zéro.

Les origines de Draftbit et ce qui le rend spécial

Fondé en 2017 par une équipe de développeurs qui se sont frustrés de la durée de développement des applications mobiles, Draftbit a commencé comme un moyen de combler le fossé entre les outils de conception et le code. Les fondateurs ont remarqué que la plupart des plateformes sans code produisaient soit du code sale, soit vous verrouillaient dans leur écosystème à jamais.

L’approche de Draftbit est différente : vous pouvez exporter votre code React Native et le transmettre à une équipe de développement lorsque vous le souhaitez. C’est énorme pour les entreprises qui s’inquiètent de la dépendance à la plate-forme.

De plus, l’éditeur visuel ressemble plus à Figma qu’aux constructeurs de sites Web traditionnels. Cela explique probablement pourquoi de nombreux concepteurs se sont tournés vers lui.

Pour qui Draftbit est-il le mieux adapté ?

Voici les types de personnes pour lesquelles Draftbit est le mieux adapté :

• Les développeurs d’applications mobiles et les entrepreneurs peuvent utiliser Draftbit pour créer des applications pour iOS et Android.
• Les équipes peuvent utiliser Draftbit pour créer des applications ensemble sur une plate-forme à faible code tout en conservant le contrôle total du code source.
• Les concepteurs peuvent utiliser Draftbit pour travailler dans une interface de glisser-déposer qui ressemble à Figma.
• Les agences et les organisations peuvent utiliser Draftbit pour collaborer dans des espaces de travail partagés avec des équipes et des intégrations d’API.
• Les individus technophiles peuvent utiliser Draftbit pour travailler avec JSON, les API REST et React Native.
• Les projets qui nécessitent des prototypes rapides peuvent utiliser Draftbit pour passer rapidement de l’idée au lancement avec une publication en un clic.
• Celui qui veut la pleine propriété du code peut utiliser Draftbit pour exporter le code React Native à des fins de personnalisation ou de passage à un développeur.

Fonctionnalités clés de Draftbit

Voici les fonctionnalités clés de Draftbit :

• Constructeur d’applications visuel : glisser-déposer pour concevoir des applications iOS et Android sans codage.
• Exportation de code source : téléchargement de code React Native propre pour un contrôle total.
• Aperçus instantanés : test de l’application sur des appareils en temps réel avec un code QR.
• Bibliothèque de composants : utilisation de blocs d’interface utilisateur préconstruits, de modèles et de modes clair/sombre.
• Intégrations d’API : connexion facile aux API REST, Airtable, Supabase, etc.
• Code personnalisé : ajout de JavaScript, de composants JSX et de packages tiers.
• Navigation et actions : styles de navigation intégrés et déclencheurs.
• Collaboration d’équipe : travail ensemble dans des espaces partagés avec des autorisations.
• Prototypage rapide : création de versions de préproduction en quelques heures ou jours.
• Publication en un clic : déploiement vers les magasins d’applications ou le Web.
• Assistance par intelligence artificielle : aide de l’intelligence artificielle pour accélérer le développement.
• Logique avancée : construction de flux de travail et d’actions à plusieurs étapes.
• Conception réactive : stylisation de dispositions qui s’adaptent à tout écran.

Comment utiliser Draftbit

Voici comment j’ai utilisé Draftbit pour générer et personnaliser un suivi d’habitudes quotidien :

1. Créer un compte
2. Obtenir de l’aide d’expert (facultatif)
3. Créer un projet
4. Ajouter un nom et une description
5. Ajouter des détails de projet
6. Choisir un point de départ
7. Choisir une icône d’application
8. Personnaliser les composants
9. Afficher les écrans de l’application
10. Accéder aux composants
11. Ajouter un composant
12. Éditer les composants
13. Mettre le projet en ligne

Étape 1 : Créer un compte

J’ai commencé par aller sur draftbit.com et en sélectionnant “Commencer” en haut à droite.

Étape 2 : Obtenir de l’aide d’expert (facultatif)

Après avoir créé un compte et partagé mes détails et objectifs avec Draftbit, ils m’ont demandé si je voulais travailler avec un expert pour accélérer mon projet.

Je n’ai jamais vu de générateur d’applications par intelligence artificielle offrir cela, donc j’ai apprécié le mélange unique d’automatisation par intelligence artificielle avec un véritable soutien humain (en particulier pour les utilisateurs non techniques). J’ai cliqué sur “Non, merci”, mais si vous pensez avoir besoin d’une aide d’expert humaine, profitez-en !

Étape 3 : Créer un projet

À partir de là, j’ai été dirigé vers mon tableau de bord Draftbit. Tout était simple et clairement présenté, avec la navigation sur la gauche, les projets au centre et les dernières mises à jour sur Drafbit en dessous de mes projets.

J’ai sélectionné “Créer votre premier projet”.

Étape 4 : Ajouter un nom et une description

Ensuite, Draftbit m’a demandé quel nom donner à mon application et de fournir une description de projet. J’ai donné à la mienne le nom “HabitForge” avec la description suivante :

“Une application mobile ludique pour aider les utilisateurs à créer et à suivre des habitudes quotidiennes, à fixer des objectifs personnels, à gagner des badges et à célébrer les progrès grâce à des défis amusants et des barres de progression visuelles. Conçue pour autonomiser l’amélioration de soi avec des cartes élégantes, des notifications et une intégration avec des appareils portables pour un suivi d’habitudes sans faille.”

Vous pouvez toujours changer le nom et la description de votre application plus tard, donc ne vous inquiétez pas trop pour cela. J’ai sélectionné “Suivant” pour continuer.

Étape 5 : Ajouter des détails de projet

Ensuite, j’ai dû dire à Draftbit plus de choses sur mon projet. Cela comprenait la fourniture des informations suivantes :

• Le backend à utiliser pour mon projet (Xano, Bubble, Supabase, etc.)
• Le type d’application (audio, entreprise, crypto, etc.)
• La façon dont je prévoyais de déployer mon application (magasins d’applications, Web, PWA, etc.)

Puisque je voulais créer une application de suivi d’habitudes, j’ai choisi “Santé et fitness” comme type d’application que je créerais. Je ne savais pas quel backend ou comment je déployerais l’application, donc j’ai dit que je ne savais pas.

Étape 6 : Choisir un point de départ

À partir de là, Draftbit m’a demandé comment je voulais commencer à construire mon application. Il m’a présenté des modèles allant des applications de rencontres aux applications de fitness.

J’ai sélectionné l’application de fitness puisqu’elle correspondait le plus à mon idée de projet et j’ai cliqué sur “Suivant” pour continuer.

Étape 7 : Choisir une icône d’application

Ensuite, on m’a demandé de choisir une icône d’application et une couleur (ce qui peut être modifié plus tard). J’ai aimé la combinaison de l’icône de coche noire et de l’arrière-plan jaune.

Étape 8 : Personnaliser les composants

Quelques minutes plus tard, mon application a été créée !

Pour commencer, j’ai cliqué sur différents composants dans l’aperçu pour effectuer des modifications stylistiques dans le panneau de droite.

Étape 9 : Afficher les écrans de l’application

Dans le panneau de gauche, j’ai sélectionné “Écrans”. Je pouvais cliquer sur tous les écrans de mon application pour apporter des modifications.

Étape 10 : Accéder aux composants

Draftbit est livré avec des composants préconstruits qui ont vraiment l’air décent hors de la boîte. Nous parlons de boutons, de cartes, de listes, de formulaires (toutes les choses que vous passeriez normalement des jours à styliser).

Pour accéder à ces composants, je suis allé à Blocs (en dessous de “Écrans”) en haut à gauche et j’ai cliqué sur le “+”.

Lorsque j’ai sélectionné le “+”, j’ai eu la possibilité d’ajouter un bloc vide ou d’accéder à la Galerie de blocs. J’ai choisi la Galerie de blocs.

Étape 11 : Ajouter un composant

La Galerie de blocs a fourni une large gamme de composants que je pouvais ajouter à mon application (services, profils, images, etc.). J’ai survolé l’un de ces composants (une carte d’image) pour l’importer.

Une fois importé, le composant que j’ai choisi a été ajouté à ma bibliothèque de blocs !

Pour ajouter le bloc à mon application, je suis allé à la page où je voulais l’ajouter et j’ai sélectionné l’icône “+” sur le panneau Composants. Cela a ouvert une nouvelle fenêtre où je pouvais ajouter des “Bits” (petits éléments, tels que des icônes et des boutons) ou des “Blocs” (où se trouvait ma carte d’image).

J’ai survolé ma carte d’image et l’ai ajoutée à mon application.

Étape 12 : Éditer les composants

Mon bloc de carte d’image a été ajouté à mon application ! Je pouvais maintenant le sélectionner et l’éditer comme je le voulais.

Étape 13 : Mettre le projet en ligne

Une fois que j’étais satisfait de l’apparence de tout, je suis allé à “Mettre le projet en ligne” en haut à droite.

Ceci sont les bases de l’utilisation de Draftbit pour générer une application avec une description simple et de comment commencer à la personnaliser. Draftbit est plus technique que d’autres générateurs d’applications par intelligence artificielle, donc si vous avez besoin d’aide, engagez un expert Draftbit.

Dans l’ensemble, Draftbit a rendu facile de transformer mon idée en une application fonctionnelle avec un flux d’étapes clair et simple. J’ai aimé le mélange d’automatisation par intelligence artificielle avec l’option de soutien humain réel, ce qui rendait tout le processus flexible et abordable.

3 meilleures alternatives à Draftbit

Voici les meilleures alternatives à Draftbit :

Base44

La première alternative à Draftbit que je recommanderais est Base44. Il s’agit d’une plate-forme à faible code qui crée des applications fonctionnelles en décrivant votre idée. Il construit le frontend, le backend, la base de données et les flux de travail automatiquement. Les édits sont effectués via le chat par intelligence artificielle ou l’éditeur visuel sans compétences avancées requises.

Base44 utilise l’intelligence artificielle pour automatiser la configuration du backend et du frontend avec un hébergement intégré. Cela rend Base44 idéal pour les applications Web et les prototypes rapides.

Pendant ce temps, Draftbit se concentre davantage sur la conception visuelle d’applications mobiles avec React Native sous le capot. Vous obtenez l’exportation complète du code source et la publication en un clic vers les magasins d’applications.

Choisissez Draftbit pour créer des applications mobiles avec un contrôle de conception détaillé, une exportation de code et un déploiement d’application. Sinon, choisissez Base44 pour créer rapidement des applications Web full-stack avec des invites par intelligence artificielle, des services de backend et un hébergement.

Lisez mon examen de Base44 ou visitez Base44 !

Softr

La prochaine alternative à Draftbit que je recommanderais est Softr. Il s’agit d’une plate-forme sans code pour construire rapidement des applications Web, des outils internes et des portails de clients à partir de données existantes.

D’une part, Softr excelle dans la construction d’applications Web et de portails avec une intégration de base de données facile et une interface utilisateur conviviale. Il comprend également une gestion des membres et des utilisateurs intégrée qui est plus facile à configurer que Draftbit.

Pendant ce temps, Draftbit se concentre sur la génération d’applications mobiles avec une exportation de code React Native, une flexibilité de conception Figma et une mainlevée de code pour les développeurs.

Choisissez Draftbit pour construire facilement des applications mobiles qui sont personnalisables, exportables et conviviales pour les développeurs. Sinon, choisissez Softr pour créer rapidement des applications Web et des outils internes avec une intégration de données et une gestion des utilisateurs.

Lisez mon examen de Softr ou visitez Softr !

Examen de Draftbit : L’outil approprié pour vous ?

Dans l’ensemble, Draftbit a rendu facile de transformer mon idée en une application mobile entièrement fonctionnelle. J’ai apprécié le flux d’étapes clair et simple, le mélange d’automatisation par intelligence artificielle et l’option de soutien humain réel.

Pour quiconque recherche un contrôle total sur la conception et le code de son application tout en accélérant le développement, Draftbit est un excellent choix. Sinon, vous pouvez envisager ces alternatives :

• Base44 est idéal pour créer rapidement des applications Web full-stack et des prototypes avec une intelligence artificielle.
• Softr est idéal pour construire des applications Web, des outils internes ou des portails de clients avec une intégration de données et une gestion des utilisateurs faciles.

Merci d’avoir lu mon examen de Draftbit ! J’espère qu’il vous a été utile.

Draftbit propose un plan gratuit qui comprend tout ce dont vous avez besoin pour commencer à construire votre application. Essayez-le vous-même et voyez comment vous l’aimez.

Questions fréquentes

Est-ce que Draftbit est gratuit ?

Draftbit propose un plan gratuit pour commencer le développement d’une application. Le plan gratuit comprend l’accès à toutes les fonctionnalités de construction de base, prend en charge jusqu’à 5 écrans par projet, des projets de brouillon illimités et des images générées par intelligence artificielle, mais il comporte des limitations sur la publication.

Est-ce que Draftbit est bon ?

Draftbit est un constructeur d’applications mobiles à faible code pour un prototypage rapide avec une exportation complète de code React Native. Son interface de glisser-déposer est facile pour les utilisateurs technophiles, même si certaines fonctionnalités peuvent être déconcertantes. C’est parfait pour les développeurs et les équipes qui veulent une conception visuelle avec un contrôle de code.

Où se trouve le siège de Draftbit ?

Le siège de Draftbit est situé à Chicago, Illinois, États-Unis.

Est-ce que Draftbit est sans code ?

Oui, Draftbit est une plate-forme sans code pour construire des applications mobiles avec une interface de glisser-déposer visuelle.