Draftbit Avis: 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 construction semblait trop compliquée ou lente ?

J’ai récemment utilisé Draftbit pour créer un suivi quotidien d’habitudes 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 cette revue 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é pour générer et personnaliser un suivi quotidien d’habitudes.

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

Verdict

Draftbit est une plateforme de code réduit qui construit 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 facultative. Il 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 construit des applications mobiles pour iOS et Android sans écrire de code. Il dispose d’une interface de glisser-déposer pour créer rapidement des dispositions d’application 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érieur.

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 et ce qui rend Draftbit spécial

Fondé en 2017 par une équipe de développeurs qui se sont frustrés de la durée de développement mobile, 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 désorganisé, 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 plateforme.

De plus, l’éditeur visuel ressemble plus à Figma qu’aux constructeurs de sites Web traditionnels. Cela explique probablement pourquoi de nombreux designers 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 construire des applications pour iOS et Android.
• Les équipes peuvent utiliser Draftbit pour construire des applications ensemble sur une plateforme de code réduit tout en conservant le contrôle total du code source.
• Les designers 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 personnes techniquement compétentes peuvent utiliser Draftbit pour travailler avec JSON, REST API et React Native.
• Les projets nécessitant 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 pour la personnalisation ou la passation à un développeur.

Fonctionnalités clés de Draftbit

Voici les fonctionnalités clés de Draftbit :

• Construire d’applications visuelles : glisser-déposer pour concevoir des applications iOS et Android sans codage.
• Exporter du code source : télécharger du code React Native propre pour un contrôle total.
• Prévisualisations instantanées : tester votre application sur des appareils en temps réel avec un code QR.
• Bibliothèque de composants : utiliser des blocs d’interface utilisateur préconstruits, des modèles et des modes sombre/clair.
• Intégrations d’API : se connecter facilement aux API REST, Airtable, Supabase et plus.
• Code personnalisé : ajouter du JavaScript, des composants JSX et des packages tiers.
• Navigation et actions : styles de navigation intégrés et déclencheurs.
• Collaboration d’équipe : travailler ensemble avec des espaces partagés et des autorisations.
• Prototypage rapide : construire des MVP en quelques heures ou jours.
• Publication en un clic : déployer sur les magasins d’applications ou le Web.
• Assistance par intelligence artificielle : obtenir de l’aide de l’IA pour accélérer le développement.
• Logique avancée : construire des flux de travail et des actions multétapes.
• Conception réactive : styliser des dispositions qui s’adaptent à tout écran.

Comment utiliser Draftbit

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

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. Rendre 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 un générateur d’applications par intelligence artificielle offrir cela, donc j’ai apprécié le mélange unique d’automatisation par intelligence artificielle et de soutien humain réel (en particulier pour les utilisateurs non techniques). J’ai cliqué sur “Non, merci”, mais si vous avez besoin d’aide d’expert humain, profitez-en !

Étape 3 : Créer un projet

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é de donner un nom à mon application et de fournir une description du projet. J’ai donné à la mienne le nom “HabitForge” avec la description suivante :

“Une application mobile ludifiée pour aider les utilisateurs à créer et à suivre des habitudes quotidiennes, à définir des objectifs personnels, à gagner des badges et à célébrer les progrès grâce à des défis amusants et des barres de progression visuelle. Conçu pour permettre l’amélioration personnelle avec des cartes élégantes, des notifications et une intégration avec des appareils portables pour un suivi d’habitudes sans effort.”

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.)

Étant donné que 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 j’allais utiliser ou comment je déployerais l’application, donc j’ai dit que je ne savais pas.

Étape 6 : Choisir un point de départ

De là, Draftbit m’a demandé comment je voulais commencer à construire mon application. Il a présenté des modèles allant des applications de rencontres aux applications d’entraînement.

J’ai sélectionné l’application d’entraînement 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, j’ai été invité à 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 du fond 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”. J’ai pu 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, j’ai allé à Blocks (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 m’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, j’ai 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” (de 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 de bloc d’image et l’ai ajoutée à mon application.

Étape 12 : Éditer les composants

Mon bloc d’image a été ajouté à mon application ! J’ai pu le sélectionner et l’éditer comme je le voulais.

Étape 13 : Rendre le projet en ligne

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

Voilà les bases de l’utilisation de Draftbit pour générer une application avec une description simple et comment vous pouvez commencer à la personnaliser. Draftbit est plus technique que les 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 et de soutien humain réel, ce qui a rendu tout le processus flexible et abordable.

Les 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 plateforme de code réduit par intelligence artificielle qui construit 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 modifications sont effectuées 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-jacent. Vous obtenez une exportation complète du code source et une publication en un clic sur 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 sur les magasins d’applications. Sinon, choisissez Base44 pour créer rapidement des applications Web complètes avec des invites par intelligence artificielle, des services 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 plateforme 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 passation de code aux 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 d’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 fonctionnelle. J’ai apprécié le flux d’étapes clair et simple, le mélange d’automatisation par intelligence artificielle et la possibilité 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 complètes 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 d’utilisateurs faciles.

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

Draftbit offre 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 offre 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 de code réduit pour un prototypage rapide avec une exportation complète du code React Native. Son interface de glisser-déposer est facile pour les utilisateurs techniquement compétents, même si certaines fonctionnalités peuvent être délicates. Il 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 plateforme sans code pour construire des applications mobiles avec une interface de glisser-déposer visuelle.