Draftbit Test: Wie ich einen Habit-Tracker schnell und einfach erstellt habe

Haben Sie jemals eine großartige App-Idee gehabt, aber sich gefangen gefühlt, weil das Erstellen derselben zu kompliziert oder langwierig schien?

Ich habe kürzlich Draftbit verwendet, um einen voll funktionsfähigen täglichen Habit-Tracker zu erstellen. Was mich am meisten beeindruckt hat, war, wie schnell ich von der Idee zu einem funktionierenden Prototyp gelangt bin, während ich gleichzeitig die vollständige Kontrolle über den Code hatte.

In diesem Draftbit-Review werde ich die Vor- und Nachteile, was es ist, für wen es am besten geeignet ist und seine wichtigsten Funktionen besprechen. Dann werde ich Ihnen zeigen, wie ich es verwendet habe, um einen täglichen Habit-Tracker zu generieren und anzupassen.

Ich werde den Artikel beenden, indem ich Draftbit mit meinen Top-Alternativen (Base44 und Softr) vergleiche. Am Ende werden Sie wissen, ob Draftbit das richtige Tool für Sie ist!

Urteil

Draftbit ist eine Low-Code-Plattform, die native iOS- und Android-Apps schnell erstellt, React-Native-Code exportiert und anpassbare Komponenten mit AI und optionaler Expertenhilfe verwendet. Es ist schnell und flexibel für Teams und Entwickler. Allerdings können Anfänger finden, dass es schwierig ist, da die komplexen Funktionen herausfordernd sein können.

Was ist Draftbit?

Draftbit ist ein No-Code-Mobile-App-Builder, der Mobile-Apps für iOS und Android ohne Codierung entwirft und erstellt. Es verfügt über eine Drag-and-Drop-Schnittstelle, um App-Layouts schnell zu erstellen, während es automatisch React-Native-Quellcode generiert. Dies ermöglicht es Ihnen, die vollständige Kontrolle über den App-Code für weitere Anpassungen oder Entwicklung zu haben.

Anstatt Wochen damit zu verbringen, die grundlegende Navigationsstruktur für eine Mobile-App einzurichten, erstellt Draftbit ein funktionierendes Prototyp mit mehreren Bildschirmen, Navigation und API-Verbindungen in nur wenigen Stunden. Die Lernkurve existiert, aber sie ist mehr wie das Lernen, ein Auto zu fahren, anstatt ein Auto von Grund auf zu bauen.

Draftbits Ursprünge und was es so besonders macht

Gegründet im Jahr 2017 von einem Team von Entwicklern, die sich mit der Dauer der mobilen Entwicklung frustrierten, begann Draftbit als Möglichkeit, die Lücke zwischen Design-Tools und Code zu schließen. Die Gründer bemerkten, dass die meisten No-Code-Plattformen entweder unsauberen Code produzieren oder Sie für immer in ihrem Ökosystem festhalten.

Draftbits Ansatz ist anders: Sie können Ihren React-Native-Code exportieren und ihn jederzeit an ein Entwicklerteam übergeben. Das ist riesig für Unternehmen, die sich um Plattformabhängigkeit sorgen.

Plus, der visuelle Editor fühlt sich mehr wie Figma als traditionelle Website-Builder an. Das erklärt wahrscheinlich, warum so viele Designer sich darauf zugewandt haben.

Für wen ist Draftbit am besten geeignet?

Hier sind die Arten von Personen, für die Draftbit am besten geeignet ist:

• Mobile-App-Entwickler und Unternehmer können Draftbit verwenden, um Apps für iOS und Android zu erstellen.
• Teams können Draftbit verwenden, um Apps zusammen auf einer Low-Code-Plattform zu erstellen, während sie die vollständige Kontrolle über den Quellcode behalten.
• Designer können Draftbit verwenden, um in einer Drag-and-Drop-Schnittstelle zu arbeiten, die sich ähnlich wie Figma anfühlt.
• Agenturen und Organisationen können Draftbit verwenden, um in gemeinsamen Arbeitsbereichen zusammenzuarbeiten mit rollenbasierter Zugriffskontrolle und API-Integrationen.
• Technisch affine Personen können Draftbit verwenden, um mit JSON, REST-APIs und React Native zu arbeiten.
• Projekte, die schnelle Prototypen benötigen, können Draftbit verwenden, um schnell von der Idee zum Launch zu gelangen, mit einem Klick veröffentlichen.
• Diejenigen, die die vollständige Kontrolle über den Code haben möchten, können Draftbit verwenden, um React-Native-Code zu exportieren, um ihn anzupassen oder an ein Entwicklerteam zu übergeben.

Draftbits wichtigste Funktionen

Hier sind Draftbits wichtigste Funktionen:

• Visueller App-Builder: Drag-and-Drop, um iOS- und Android-Apps ohne Codierung zu entwerfen.
• Quellcode-Export: Laden Sie sauberen React-Native-Code für die vollständige Kontrolle herunter.
• Sofortige Vorschau: Testen Sie Ihre App auf Geräten in Echtzeit mit einem QR-Code.
• Komponenten-Bibliothek: Verwenden Sie vorgefertigte UI-Blöcke, Vorlagen und dunkle/helle Modus.
• API-Integrationen: Verbinden Sie sich leicht mit REST-APIs, Airtable, Supabase und mehr.
• Benutzerdefinierter Code: Fügen Sie JavaScript, JSX-Komponenten und Drittanbieter-Pakete hinzu.
• Navigation und Aktionen: Integrierte Navigationssyles und Auslöser.
• Teamzusammenarbeit: Arbeiten Sie zusammen in gemeinsamen Räumen mit rollenbasierter Zugriffskontrolle.
• Schnelles Prototyping: Erstellen Sie MVPs in Stunden oder Tagen.
• Ein-Klick-Veröffentlichung: Veröffentlichen Sie in App-Stores oder im Web.
• AI-Unterstützung: Erhalten Sie Hilfe von AI, um die Entwicklung zu beschleunigen.
• Erweiterte Logik: Erstellen Sie Workflows und mehrschrittige Aktionen.
• Responsives Design: Stilen Sie Layouts, die sich an jeden Bildschirm anpassen.

Wie man Draftbit verwendet

Hier ist, wie ich Draftbit verwendet habe, um einen täglichen Habit-Tracker zu generieren und anzupassen:

1. Erstellen Sie ein Konto
2. Erhalten Sie Expertenhilfe (optional)
3. Erstellen Sie ein Projekt
4. Fügen Sie einen Namen und eine Beschreibung hinzu
5. Fügen Sie ProjektDetails hinzu
6. Wählen Sie einen Startpunkt
7. Wählen Sie ein App-Symbol
8. Anpassen Sie Komponenten
9. anzeigen Sie Ihre App-Bildschirme
10. Zugriff auf Komponenten
11. Fügen Sie eine Komponente hinzu
12. Bearbeiten Sie Komponenten
13. Setzen Sie das Projekt live

Schritt 1: Erstellen Sie ein Konto

Ich begann, indem ich zu draftbit.com ging und “Loslegen” im oberen rechten Bereich auswählte.

Schritt 2: Erhalten Sie Expertenhilfe (optional)

Nachdem ich ein Konto erstellt und meine Details und Ziele mit Draftbit geteilt hatte, fragten sie, ob ich mit einem Experten zusammenarbeiten wollte, um mein Projekt zu beschleunigen.

Ich habe noch nie gesehen, dass ein AI-App-Builder dies anbietet, also schätze ich die einzigartige Kombination aus AI-Automatisierung und echter menschlicher Unterstützung (insbesondere für nicht-technische Benutzer). Ich klickte auf “Nein, danke”, aber wenn Sie das Gefühl haben, dass Sie Expertenhilfe benötigen, nutzen Sie sie!

Schritt 3: Erstellen Sie ein Projekt

Von dort aus wurde ich zu meinem Draftbit-Dashboard geführt. Alles war einfach und klar strukturiert, mit der Navigation auf der linken Seite, Projekten in der Mitte und den neuesten Updates auf Drafbit unter meinen Projekten.

Ich wählte “Ihr erstes Projekt erstellen”.

Schritt 4: Fügen Sie einen Namen und eine Beschreibung hinzu

Als nächstes fragte Draftbit mich, was ich meine App nennen und eine Projektbeschreibung hinzufügen sollte. Ich gab meiner App den Namen “HabitForge” mit der folgenden Beschreibung:

“Eine gamifizierte Mobile-App, um Benutzern zu helfen, tägliche Gewohnheiten zu bauen und zu verfolgen, persönliche Ziele zu setzen, Abzeichen zu verdienen und den Fortschritt durch lustige Herausforderungen und visuelle Fortschrittsbalken zu feiern. Entworfen, um Selbstverbesserung mit eleganten Karten, Benachrichtigungen und Integration mit tragbaren Geräten für nahtlose Gewohnheitsverfolgung zu ermöglichen.”

Sie können den Namen und die Beschreibung Ihrer App später immer noch ändern, also machen Sie sich keine Sorgen darüber. Ich wählte “Weiter” aus, um fortzufahren.

Schritt 5: Fügen Sie ProjektDetails hinzu

Als nächstes musste ich Draftbit mehr über mein Projekt erzählen. Dies umfasste die Angabe der folgenden Informationen:

• Die Backend, die ich für mein Projekt verwenden werde (Xano, Bubble, Supabase usw.)
• Die Art der App (Audio, Business, Krypto usw.)
• Wie ich plane, meine App zu veröffentlichen (App-Stores, Web, PWA usw.)

Da ich eine Habit-Tracking-App erstellen wollte, wählte ich “Gesundheit und Fitness” als App-Typ aus. Ich war mir nicht sicher, welches Backend oder wie ich die App veröffentlichen wollte, also sagte ich, ich sei mir nicht sicher.

Schritt 6: Wählen Sie einen Startpunkt

Von dort aus fragte Draftbit mich, wie ich mein Projekt starten wollte. Es bot mir Vorlagen an, die von Dating-Apps bis hin zu Workout-Apps reichten.

Ich wählte die Workout-App, da sie meinem Projektidee am meisten entsprach, und klickte auf “Weiter”, um fortzufahren.

Schritt 7: Wählen Sie ein App-Symbol

Als nächstes wurde ich aufgefordert, ein App-Symbol und eine Farbe auszuwählen (dies kann später geändert werden). Ich mochte die Kombination aus dem schwarzen Häkchen-Emoji und dem gelben Hintergrund.

Schritt 8: Anpassen Sie Komponenten

Ein paar Minuten später war meine App erstellt!

Um zu beginnen, klickte ich auf verschiedene Komponenten in der Vorschau, um stilistische Änderungen im rechten Panel vorzunehmen.

Schritt 9: Anzeigen Sie Ihre App-Bildschirme

Im linken Panel wählte ich “Bildschirme” aus. Ich konnte durch alle meine App-Bildschirme klicken, um Änderungen vorzunehmen.

Schritt 10: Zugriff auf Komponenten

Draftbit kommt mit vorgefertigten Komponenten ausgestattet, die tatsächlich anständig aussehen. Wir sprechen über Schaltflächen, Karten, Listen, Formulare (all die Dinge, die Sie normalerweise Tage damit verbringen, zu stylen).

Um auf diese Komponenten zuzugreifen, ging ich zu “Blöcke” (unter “Bildschirme”) in der oberen linken Ecke und klickte auf das “+”.

Wenn ich auf das “+” klickte, hatte ich die Möglichkeit, einen leeren Block hinzuzufügen oder auf die Block-Galerie zuzugreifen. Ich wählte die Block-Galerie.

Schritt 11: Fügen Sie eine Komponente hinzu

Die Block-Galerie bot mir eine breite Palette von Komponenten, die ich meiner App hinzufügen konnte (Dienste, Profile, Bilder usw.). Ich bewegte den Mauszeiger über eine dieser Komponenten (eine Bildkarte), um sie zu importieren.

Sobald importiert, wurde die Komponente, die ich ausgewählt hatte, meiner Bibliothek von Blöcken hinzugefügt!

Um den Block zu meiner App hinzuzufügen, ging ich zu der Seite, auf der ich ihn hinzufügen wollte, und wählte das “+”-Symbol im Komponenten-Panel aus. Dies öffnete ein neues Fenster, in dem ich “Bits” (kleine Elemente wie Symbole und Schaltflächen) oder “Blöcke” (wo meine Bildkarte gespeichert war) hinzufügen konnte.

Ich bewegte den Mauszeiger über meine Bildkarten-Block und fügte ihn meiner App hinzu.

Schritt 12: Bearbeiten Sie Komponenten

Meine Bildkarte wurde meiner App hinzugefügt! Ich konnte sie jetzt auswählen und bearbeiten, wie ich es wollte.

Schritt 13: Setzen Sie das Projekt live

Sobald ich mit allem zufrieden war, ging ich zu “Projekt live setzen” in der oberen rechten Ecke.

Das sind die Grundlagen, wie man Draftbit verwendet, um eine App mit einer einfachen Beschreibung zu erstellen und anzupassen. Draftbit ist technischer als andere AI-App-Generatoren, also nutzen Sie die Expertenhilfe, wenn Sie sie benötigen!

Insgesamt machte Draftbit es mir leicht, meine Idee in eine funktionierende App umzusetzen, mit einem klaren Schritt-für-Schritt-Prozess. Ich mochte die Kombination aus AI-Automatisierung und der Option auf echte menschliche Unterstützung, was den gesamten Prozess flexibel und zugänglich machte.

Top-3-Draftbit-Alternativen

Hier sind die besten Draftbit-Alternativen:

Base44

Die erste Draftbit-Alternative, die ich empfehlen würde, ist Base44. Es ist eine Low-Code-AI-Plattform, die funktionierende Apps erstellt, indem Sie Ihre Idee beschreiben. Es baut die Frontend-, Backend-, Datenbank- und Workflows automatisch. Änderungen werden über den AI-Chat oder den visuellen Editor vorgenommen, ohne dass fortgeschrittene Fähigkeiten erforderlich sind.

Base44 verwendet AI, um die Backend- und Frontend-Einrichtung mit integrierter Hosting zu automatisieren. Das macht Base44 großartig für Web-Apps und schnelle MVPs.

Währenddessen konzentriert sich Draftbit mehr auf die visuelle Gestaltung von Mobile-Apps mit React Native im Hintergrund. Sie erhalten den vollständigen Quellcode-Export und die Veröffentlichung in App-Stores mit einem Klick.

Wählen Sie Draftbit, um Mobile-Apps mit detaillierter Designkontrolle, Code-Export und App-Store-Veröffentlichung zu erstellen. Andernfalls wählen Sie Base44, um schnell vollständige Web-Apps mit AI-Prompts, Backend-Diensten und Hosting zu erstellen.

Lesen Sie meine Base44-Bewertung oder besuchen Sie Base44!

Softr

Die nächste Draftbit-Alternative, die ich empfehlen würde, ist Softr. Es ist eine No-Code-Plattform für den schnellen Aufbau von Web-Apps, internen Tools und Kundenportalen aus vorhandenen Daten.

Einerseits ist Softr großartig im Aufbau von Web-Apps und Portalen mit einfacher Datenbankintegration und einer benutzerfreundlichen Oberfläche. Es umfasst auch eine integrierte Mitgliedschafts- und Benutzerverwaltung, die einfacher zu konfigurieren ist als Draftbit.

Währenddessen konzentriert sich Draftbit auf die Erstellung von Mobile-Apps mit React-Native-Code-Export, Figma-ähnlicher Designflexibilität und Code-Handoff an Entwickler.

Wählen Sie Draftbit, um leicht anpassbare, exportierbare und entwicklerfreundliche Mobile-Apps zu erstellen. Andernfalls wählen Sie Softr, um schnell Web-Apps und interne Tools mit Datenintegration und Benutzerverwaltung zu erstellen.

Lesen Sie meine Softr-Bewertung oder besuchen Sie Softr!

Draftbit-Bewertung: Das richtige Tool für Sie?

Insgesamt machte Draftbit es mir leicht, meine Idee in eine voll funktionsfähige Mobile-App umzusetzen, und es war sogar angenehm. Ich schätzte den klaren Schritt-für-Schritt-Prozess, die Kombination aus AI-Automatisierung und der Option auf echte menschliche Unterstützung.

Für jeden, der die vollständige Kontrolle über die App-Designs und den Code haben möchte, während er gleichzeitig die Entwicklung beschleunigt, ist Draftbit eine hervorragende Wahl. Andernfalls können Sie diese Alternativen in Betracht ziehen:

• Base44 ist am besten für den schnellen Aufbau von vollständigen Web-Apps und MVPs mit AI geeignet.
• Softr ist am besten für den Aufbau von Web-Apps, internen Tools oder Kundenportalen mit einfacher Datenbankintegration und Benutzerverwaltung geeignet.

Vielen Dank für das Lesen meiner Draftbit-Bewertung! Ich hoffe, sie war hilfreich.

Draftbit bietet einen kostenlosen Plan, der alles enthält, was Sie benötigen, um mit dem Aufbau Ihrer App zu beginnen. Probieren Sie es aus und sehen Sie, wie Ihnen gefällt.

Häufig gestellte Fragen

Ist Draftbit kostenlos?

Draftbit bietet einen kostenlosen Plan, um mit der App-Entwicklung zu beginnen. Der kostenlose Plan umfasst Zugriff auf alle Kernfunktionen, unterstützt bis zu 5 Bildschirme pro Projekt, unbegrenzte Entwurfsprojekte und von AI generierte Bilder, aber es gibt Einschränkungen bei der Veröffentlichung.

Ist Draftbit gut?

Draftbit ist ein Low-Code-Mobile-App-Builder für schnelles Prototyping mit vollständigem React-Native-Code-Export. Seine Drag-and-Drop-Schnittstelle ist für technisch affine Benutzer einfach, obwohl einige Funktionen schwierig sein können. Es ist perfekt für Entwickler und Teams, die visuelles Design mit Code-Kontrolle haben möchten.

Wo ist Draftbits Hauptsitz?

Draftbits Hauptsitz befindet sich in Chicago, Illinois, USA.

Ist Draftbit No-Code?

Ja, Draftbit ist eine No-Code-Plattform für den Aufbau von Mobile-Apps mit einer visuellen Drag-and-Drop-Schnittstelle.