Draftbit Bewertung: 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 davon zu kompliziert oder langsam 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 volle 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 diskutieren. Dann werde ich Ihnen zeigen, wie ich es verwendet habe, um einen täglichen Habit-Tracker zu generieren und anzupassen.

Ich werde den Artikel mit einem Vergleich von Draftbit mit meinen Top-Alternativen (Base44 und Softr) beenden. Am Ende werden Sie wissen, ob Draftbit das Richtige 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 erstellt. Es verfügt über eine Drag-and-Drop-Oberfläche, um App-Layouts schnell zu erstellen, während automatisch React-Native-Quellcode generiert wird. Dies ermöglicht es Ihnen, die volle Kontrolle über den Code der App 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 besonders macht

Gegründet im Jahr 2017 von einem Team von Entwicklern, die frustriert waren, wie lange die mobile Entwicklung dauert, begann Draftbit als eine Möglichkeit, die Lücke zwischen Design-Tools und Code zu schließen. Die Gründer bemerkten, dass die meisten No-Code-Plattformen entweder einen chaotischen 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 enorm für Unternehmen, die sich um Plattform-Abhängigkeit sorgen.

Plus, der visuelle Editor fühlt sich mehr wie Figma an als traditionelle Website-Builder. Dies erklärt wahrscheinlich, warum so viele Designer sich dafür entschieden 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 volle Kontrolle über den Quellcode behalten.
• Designer können Draftbit verwenden, um in einer Drag-and-Drop-Oberfläche zu arbeiten, die sich ähnlich wie Figma anfühlt.
• Agenturen und Organisationen können Draftbit verwenden, um in gemeinsamen Arbeitsbereichen mit Teams und API-Integrationen zu zusammenzuarbeiten.
• 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 zur Veröffentlichung mit einem Klick zu gelangen.
• Diejenigen, die die volle Code-Eigentumskontrolle wünschen, können Draftbit verwenden, um React-Native-Code für Anpassungen oder Entwickler-Übergabe zu exportieren.

Draftbit-Schlüsselfunktionen

Hier sind Draftbits Schlüsselfunktionen:

• 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 volle 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 Navigationsstile und Auslöser.
• Teamzusammenarbeit: Arbeiten Sie zusammen in gemeinsamen Räumen mit Berechtigungen.
• Schnelles Prototyping: Erstellen Sie MVPs in Stunden oder Tagen.
• Ein-Klick-Veröffentlichung: Deployen Sie auf App-Stores oder das 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.

So verwenden Sie Draftbit

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

1. Erstellen Sie ein Konto
2. Holen Sie sich Experten-Hilfe (optional)
3. Erstellen Sie ein Projekt
4. Fügen Sie einen Namen und eine Beschreibung hinzu
5. Fügen Sie Projekt-Details hinzu
6. Wählen Sie einen Startpunkt
7. Wählen Sie ein App-Symbol
8. Passen Sie Komponenten an
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: Holen Sie sich Experten-Hilfe (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-Generator dies anbietet, also schätzte 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 Experten-Hilfe benötigen, nutzen Sie sie!

Schritt 3: Erstellen Sie ein Projekt

Von dort aus wurde ich zu meinem Draftbit-Dashboard geleitet. 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 “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:

“Ein gamifiziertes Mobile-App, um Benutzern zu helfen, tägliche Gewohnheiten zu bilden und zu verfolgen, persönliche Ziele zu setzen, Abzeichen zu verdienen und Fortschritte durch lustige Herausforderungen und visuelle Fortschrittsbalken zu feiern. Entworfen, um Selbstverbesserung mit eleganten Karten, Benachrichtigungen und Integration mit Wearable-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 Projekt-Details hinzu

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

• Die Backend, die für mein Projekt verwendet werden soll (Xano, Bubble, Supabase usw.)
• Die Art der App (Audio, Business, Crypto 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 Art der App, die ich erstellen würde. Ich war mir nicht sicher, welche Backend oder wie ich meine App veröffentlichen würde, also sagte ich, ich sei mir nicht sicher.

Schritt 6: Wählen Sie einen Startpunkt

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

Ich wählte die Workout-App, da sie meinem Projekt-Idee 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 (dies kann später geändert werden) auszuwählen. Ich mochte die Kombination aus dem schwarzen Häkchen-Emoji und dem gelben Hintergrund.

Schritt 8: Passen Sie Komponenten an

Ein paar Minuten später war meine App erstellt!

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

Schritt 9: Anzeigen Sie Ihre App-Bildschirme

Im linken Panel wählte ich “Bildschirme”. 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 Buttons, Karten, Listen, Formulare (all das, was Sie normalerweise Tage damit verbringen, zu stylen).

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

Wenn ich auf das “+” klickte, hatte ich die Option, 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 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) und importierte sie.

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. 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 Bildkarte und fügte sie 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 wollte.

Schritt 13: Setzen Sie das Projekt live

Sobald ich mit allem zufrieden war, ging ich zu “Projekt live setzen” im oberen rechten Bereich.

Das sind die Grundlagen, wie man Draftbit verwendet, um eine App mit einer einfachen Beschreibung zu generieren und wie man beginnt, sie anzupassen. Draftbit ist technischer als andere AI-App-Generatoren, also wenn Sie jemals Hilfe benötigen, heuern Sie einen Draftbit-Experten an.

Insgesamt machte Draftbit es einfach, meine Idee in eine funktionierende App umzusetzen, mit einem klaren Schritt-für-Schritt-Fluss. Ich mochte die Mischung aus AI-Automatisierung und der Option für echte menschliche Unterstützung, die 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 durch Beschreiben Ihrer Idee erstellt. Es baut die Frontend, Backend, Datenbank und Workflows automatisch. Änderungen werden durch 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. Dies 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 Ein-Klick-Veröffentlichung auf App-Stores.

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 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 das schnelle Erstellen von Web-Apps, internen Tools und Client-Portalen aus bestehenden Daten.

Einerseits ist Softr großartig darin, Web-Apps und Portale mit einfacher Datenbank-Integration und einer benutzerfreundlichen Oberfläche zu erstellen. Es enthält 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 Mobile-Apps einfach zu erstellen, die anpassbar, exportierbar und entwicklerfreundlich sind. Andernfalls wählen Sie Softr, um 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 einfach, meine Idee in eine voll funktionsfähige Mobile-App umzusetzen. Ich schätzte den klaren Schritt-für-Schritt-Fluss, die Mischung aus AI-Automatisierung und der Option für echte menschliche Unterstützung.

Für jeden, der die volle Kontrolle über die Design- und Code-Entwicklung seiner App 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 das schnelle Erstellen von vollständigen Web-Apps und MVPs mit AI geeignet.
• Softr ist am besten für das Erstellen von Web-Apps, internen Tools oder Client-Portalen mit einfacher Datenintegration 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 der App-Entwicklung 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 den Zugriff auf alle Kern-Entwicklungsmerkmale, unterstützt bis zu 5 Bildschirme pro Projekt, unbegrenzte Entwurfsprojekte und 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-Oberfläche ist einfach für technisch affine Benutzer, obwohl einige Funktionen schwierig sein können. Es ist perfekt für Entwickler und Teams, die visuelle Gestaltung mit Code-Kontrolle wünschen.

Wo befindet sich der Hauptsitz von Draftbit?

Der Hauptsitz von Draftbit befindet sich in Chicago, Illinois, USA.

Ist Draftbit No-Code?

Ja, Draftbit ist eine No-Code-Plattform für die Erstellung von Mobile-Apps mit einer visuellen Drag-and-Drop-Oberfläche.