Recenzja Draftbit: Jak zbudowałem śledzący nawyki w szybki i łatwy sposób

Czy kiedykolwiek mieliście świetny pomysł na aplikację, ale czuliście się zablokowani, ponieważ budowanie jej wydawało się zbyt skomplikowane lub czasochłonne?

Niedawno użyłem Draftbit, aby stworzyć w pełni funkcjonalny dzienny śledzący nawyki. To, co mnie najbardziej zaskoczyło, to jak szybko przeszedłem od pomysłu do działającego prototypu, mając jednocześnie pełną kontrolę nad kodem.

W tej recenzji Draftbit omówię zalety i wady, wyjaśnię, czym jest Draftbit, dla kogo jest najlepszy i jakie są jego kluczowe funkcje. Następnie pokażę, jak użyłem go do wygenerowania i dostosowania dziennego śledzącego nawyki.

Zakończę artykuł, porównując Draftbit z moimi najlepszymi alternatywami (Base44 i Softr). Na końcu będziesz wiedział, czy Draftbit jest odpowiedni dla Ciebie!

Werdykt

Draftbit to platforma low-code, która szybko tworzy rodzime aplikacje iOS i Android, eksportuje kod React Native i używa dostosowywalnych komponentów z pomocą AI i opcjonalną pomocą ekspertów. Jest szybki i elastyczny dla zespołów i deweloperów. Jednak dla początkujących może być trudny, ponieważ złożone funkcje mogą być wyzwaniem.

Czym jest Draftbit?

Draftbit to bezkodowy budowniczy aplikacji, który projektuje i tworzy aplikacje mobilne dla iOS i Android bez pisania kodu. Ma interfejs przeciągnij-i-upuść, który pozwala szybko tworzyć układy aplikacji, automatycznie generując kod React Native. To pozwala na pełną kontrolę nad kodem aplikacji do dalszego dostosowania lub rozwoju.

Zamiast spędzać tygodnie na ustawianiu podstawowej struktury nawigacji dla aplikacji mobilnej, Draftbit tworzy działający prototyp z wieloma ekranami, nawigacją i połączeniami API w ciągu kilku godzin. Krzywa uczenia się istnieje, ale jest to bardziej jak uczenie się jazdy samochodem niż budowanie samochodu od podstaw.

Pochodzenie Draftbit i to, co go wyróżnia

Założony w 2017 roku przez zespół deweloperów, którzy byli sfrustrowani czasem potrzebnym do rozwoju aplikacji mobilnych, Draftbit powstał jako sposób na zmostkowanie przepaści między narzędziami projektowania a kodem. Założyciele zauważyli, że większość platform bezkodowych albo produkowała brudny kod, albo zamykała Cię w swoim ekosystemie na zawsze.

Podejście Draftbit jest inne: możesz wyeksportować swój kod React Native i przekazać go zespołowi deweloperów, kiedy tylko chcesz. To jest ogromne dla firm martwych o zależność od platformy.

Ponadto, edytor wizualny bardziej przypomina Figma niż tradycyjne budownicze stron internetowych. To prawdopodobnie wyjaśnia, dlaczego tak wielu projektantów skłania się ku niemu.

Dla kogo jest Draftbit?

Oto typy ludzi, dla których Draftbit jest najlepszy:

• Deweloperzy aplikacji mobilnych i przedsiębiorcy mogą używać Draftbit, aby tworzyć aplikacje dla iOS i Android.
• Zespoły mogą używać Draftbit, aby tworzyć aplikacje wspólnie na platformie low-code, utrzymując pełną kontrolę nad kodem źródłowym.
• Projektanci mogą używać Draftbit, aby pracować w interfejsie przeciągnij-i-upuść, który jest podobny do Figma.
• Agencje i organizacje mogą używać Draftbit, aby współpracować w udostępnionych przestrzeniach z zespołami i integracjami API.
• Osoby technicznie zdolne mogą używać Draftbit, aby pracować z JSON, REST API i React Native.
• Projekty wymagające szybkich prototypów mogą używać Draftbit, aby szybko przechodzić od pomysłu do uruchomienia z jednym kliknięciem.
• Ci, którzy chcą pełnej kontroli nad kodem, mogą używać Draftbit, aby wyeksportować kod React Native do dostosowania lub przekazania deweloperom.

Kluczowe funkcje Draftbit

Oto kluczowe funkcje Draftbit:

• Budowniczy aplikacji wizualnego: przeciągnij-i-upuść, aby zaprojektować aplikacje iOS i Android bez kodowania.
• Eksport kodu źródłowego: pobierz czysty kod React Native dla pełnej kontroli.
• Natychmiastowy podgląd: przetestuj swoją aplikację na urządzeniach w czasie rzeczywistym za pomocą kodu QR.
• Biblioteka komponentów: użyj prezbudowanych bloków UI, szablonów i trybów ciemnych/jasnych.
• Integracje API: łącz się łatwo z REST API, Airtable, Supabase i więcej.
• Niestandardowy kod: dodaj kod JavaScript, komponenty JSX i pakiety trzecich stron.
• Nawigacja i akcje: wbudowane style nawigacji i wyzwania.
• Współpraca zespołowa: pracuj wspólnie z udostępnionymi przestrzeniami i uprawnieniami.
• Szybkie prototypowanie: twórz MVP w godziny lub dni.
• Publikacja jednym kliknięciem: wdrażaj do sklepów z aplikacjami lub na web.
• Pomoc AI: uzyskaj pomoc od AI, aby przyspieszyć rozwój.
• Zaawansowana logika: twórz przepływy pracy i wieloetapowe akcje.
• Projektowanie responsywnego: stylizuj układy, które dostosowują się do każdego ekranu.

Jak używać Draftbit

Oto jak użyłem Draftbit, aby wygenerować i dostosować dzienny śledzący nawyki:

1. Utwórz konto
2. Pobierz pomoc ekspertów (opcjonalnie)
3. Utwórz projekt
4. Dodaj nazwę i opis
5. Dodaj szczegóły projektu
6. Wybierz punkt startowy
7. Wybierz ikonę aplikacji
8. Dostosuj komponenty
9. Wyświetl ekrany aplikacji
10. Uzyskaj dostęp do komponentów
11. Dodaj komponent
12. Edytuj komponenty
13. Ustaw projekt na żywo

Krok 1: Utwórz konto

Zacząłem od przejścia do draftbit.com i wybrania “Rozpocznij” w prawym górnym rogu.

Krok 2: Pobierz pomoc ekspertów (opcjonalnie)

Po utworzeniu konta i podzieleniu się moimi szczegółami i celami z Draftbit, poproszono mnie, czy chcę współpracować z ekspertem, aby przyspieszyć mój projekt.

Nigdy nie widziałem budownicza aplikacji AI, który oferowałby takie połączenie automatyzacji AI z prawdziwą pomocą ludzką (szczególnie dla użytkowników nie technicznych). Kliknąłem “Nie, dziękuję”, ale jeśli czujesz, że potrzebujesz pomocy ekspertów, skorzystaj z niej!

Krok 3: Utwórz projekt

Następnie zostałem przeniesiony do mojego Draftbit dashboardu. Wszystko było proste i wyraźnie rozłożone, z nawigacją po lewej, projektami w centrum i najnowszymi aktualizacjami na dole.

Wybrałem “Utwórz swój pierwszy projekt”.

Krok 4: Dodaj nazwę i opis

Następnie Draftbit poprosił mnie o nazwę mojej aplikacji i opis projektu. Nadalem mu nazwę “HabitForge” z następującym opisem:

“Aplikacja mobilna do śledzenia codziennych nawyków, ustawiania osobistych celów, zdobywania odznak i celebrowania postępów za pomocą zabawnych wyzwań i pasków postępu. Zaprojektowana, aby umożliwić samodoskonalenie się za pomocą eleganckich kart, powiadomień i integracji z noszącymi urządzeniami do bezproblemowego śledzenia nawyków.”

Możesz zawsze zmienić nazwę i opis swojej aplikacji później, więc nie martw się tym zbyt dużo. Kliknąłem “Dalej”, aby kontynuować.

Krok 5: Dodaj szczegóły projektu

Następnie musiałem powiedzieć Draftbit więcej o moim projekcie. To obejmowało podanie następujących informacji:

• Backend, który będę używał do mojego projektu (Xano, Bubble, Supabase itp.)
• Typ aplikacji (audio, biznes, krypto itp.)
• Jak planuję wdrożyć moją aplikację (sklepy z aplikacjami, web, PWA itp.)

Ponieważ chciałem stworzyć aplikację do śledzenia nawyków, wybrałem “Zdrowie i fitness” jako typ aplikacji, którą będę tworzył. Nie wiedziałem, jaki backend lub jak wdrożę aplikację, więc powiedziałem, że nie jestem pewien.

Krok 6: Wybierz punkt startowy

Następnie Draftbit poprosił mnie, w jaki sposób chcę rozpocząć budowanie mojej aplikacji. Przedstawił mi szablony od aplikacji randkowych po aplikacje ćwiczeń.

Wybrałem aplikację ćwiczeń, ponieważ najlepiej pasowała do mojego pomysłu projektu i kliknąłem “Dalej”, aby kontynuować.

Krok 7: Wybierz ikonę aplikacji

Następnie zostałem poproszony o wybranie ikony aplikacji i koloru (można to później zmienić). Podobała mi się kombinacja czarnej ikony tick i żółtego tła.

Krok 8: Dostosuj komponenty

Parę minut później moja aplikacja została utworzona!

Aby rozpocząć, kliknąłem różne komponenty w podglądzie, aby wykonać edycje stylistyczne w prawym panelu.

Krok 9: Wyświetl ekrany aplikacji

W lewym panelu wybrałem “Ekrany”. Mogłem kliknąć przez wszystkie ekrany mojej aplikacji, aby wykonać edycje.

Krok 10: Uzyskaj dostęp do komponentów

Draftbit jest wyposażony w prezbudowane komponenty, które wyglądają przyzwoicie od razu. Mówimy o przyciskach, kartach, listach, formularzach (wszystkim, co normalnie spędza się dni stylizując).

Aby uzyskać dostęp do tych komponentów, poszedłem do Bloków (poniżej “Ekrany”) w lewym górnym rogu i kliknąłem “+”.

Gdy wybrałem “+”, miałem możliwość dodać pusty blok lub uzyskać dostęp do Galerii Bloków. Wybrałem Galerię Bloków.

Krok 11: Dodaj komponent

Galeria Bloków zapewniła mi szeroki wybór komponentów, które mogłem dodać do mojej aplikacji (usługi, profile, obrazy itp.). Przesunąłem mysz nad jednym z tych komponentów (kartę obrazu), aby go zaimportować.

Gdy został zaimportowany, komponent, który wybrałem, został dodany do mojej biblioteki bloków!

Aby dodać blok do mojej aplikacji, poszedłem na stronę, gdzie chciałem go dodać, i wybrałem ikonę “+” na panelu Komponentów. Otworzyło się nowe okno, w którym mogłem dodać “Bity” (małe elementy, takie jak ikony i przyciski) lub “Blok” (gdzie przechowywana była moja karta obrazu).

Przesunąłem mysz nad moją kartę obrazu i dodałem ją do mojej aplikacji.

Krok 12: Edytuj komponenty

Moją kartę obrazu dodałem do mojej aplikacji! Mogłem ją teraz wybrać i edytować, jak chciałem.

Krok 13: Ustaw projekt na żywo

Gdy byłem zadowolony z wyglądu wszystkiego, poszedłem do “Ustaw projektu na żywo” w prawym górnym rogu.

To są podstawy korzystania z Draftbit, aby wygenerować aplikację z prostym opisem i jak zacząć ją dostosowywać. Draftbit jest bardziej techniczny niż inne generatory aplikacji AI, więc jeśli potrzebujesz pomocy, zatrudnij eksperta Draftbit.

Ogólnie Draftbit ułatwił mi przekształcenie mojego pomysłu w działającą aplikację z wyraźnym, krok-po-kroku przepływem. Lubiłem połączenie automatyzacji AI z opcją prawdziwej pomocy ludzkiej, co sprawiło, że cały proces wydawał się elastyczny i przystępny.

Top 3 alternatywy dla Draftbit

Oto najlepsze alternatywy dla Draftbit:

Base44

Pierwszą alternatywą dla Draftbit, którą polecam, jest Base44. To platforma low-code AI, która tworzy funkcjonalne aplikacje, opisując swój pomysł. Tworzy frontend, backend, bazę danych i przepływy pracy automatycznie. Edycje są wykonywane za pomocą czatu AI lub edytora wizualnego bez potrzeby zaawansowanych umiejętności.

Base44 używa AI do automatyzacji ustawień backendu i frontendu z wbudowanym hostingiem. To sprawia, że Base44 jest idealny dla aplikacji webowych i szybkich MVP.

Tymczasem Draftbit koncentruje się bardziej na wizualnym projektowaniu aplikacji mobilnych z React Native pod spodem. Otrzymujesz pełny eksport kodu źródłowego i jednym kliknięciem publikujesz do sklepów z aplikacjami.

Wybierz Draftbit, aby tworzyć aplikacje mobilne z szczegółową kontrolą projektowania, eksportem kodu i wdrożeniem do sklepów z aplikacjami. W przeciwnym razie wybierz Base44, aby szybko tworzyć aplikacje webowe z pomocą AI, usługami backendu i hostingiem.

Przeczytaj moją recenzję Base44 lub odwiedź Base44!

Softr

Kolejną alternatywą dla Draftbit, którą polecam, jest Softr. To platforma bezkodowa do szybkiego tworzenia aplikacji webowych, narzędzi wewnętrznych i portali klientów z istniejących danych.

Z jednej strony Softr wyróżnia się w tworzeniu aplikacji webowych i portali z łatwą integracją bazy danych i przyjaznym interfejsem. Zawiera również wbudowane zarządzanie członkostwem i zarządzanie użytkownikami, które jest łatwiejsze do ustawienia niż Draftbit.

Z drugiej strony Draftbit koncentruje się na generowaniu aplikacji mobilnych z eksportem kodu React Native, elastycznością projektowania Figma i przekazaniem kodu deweloperom.

Wybierz Draftbit, aby łatwo tworzyć aplikacje mobilne, które są dostosowywalne, eksportowalne i przyjazne dla deweloperów. W przeciwnym razie wybierz Softr, aby szybko tworzyć aplikacje webowe i narzędzia wewnętrzne z integracją danych i zarządzaniem użytkownikami.

Przeczytaj moją recenzję Softr lub odwiedź Softr!

Recenzja Draftbit: Czy to odpowiednie narzędzie dla Ciebie?

Ogólnie Draftbit sprawił, że przekształcenie mojego pomysłu w w pełni funkcjonalną aplikację mobilną było proste i nawet przyjemne. Doceniłem wyraźny, krok-po-kroku przepływ, połączenie automatyzacji AI i opcję prawdziwej pomocy ludzkiej.

Dla każdego, kto szuka pełnej kontroli nad projektem i kodem aplikacji, jednocześnie przyspieszając rozwój, Draftbit jest doskonałym wyborem. W przeciwnym razie możesz rozważyć te alternatywy:

• Base44 jest najlepszy dla szybkiego tworzenia aplikacji webowych i MVP z pomocą AI.
• Softr jest najlepszy dla tworzenia aplikacji webowych, narzędzi wewnętrznych lub portali klientów z łatwą integracją danych i zarządzaniem użytkownikami.

Dziękuję za przeczytanie mojej recenzji Draftbit! Mam nadzieję, że była pomocna.

Draftbit oferuje bezpłatny plan, który zawiera wszystko, co potrzebne do rozpoczęcia budowania aplikacji. Wypróbuj go sam i zobacz, jak Ci się podoba.

Często zadawane pytania

Czy Draftbit jest bezpłatny?

Draftbit oferuje bezpłatny plan, aby rozpocząć rozwój aplikacji. Bezpłatny plan obejmuje dostęp do wszystkich podstawowych funkcji budowania, obsługuje do 5 ekranów na projekt, nieograniczoną liczbę projektów roboczych i obrazy wygenerowane przez AI, ale ma ograniczenia dotyczące publikowania.

Czy Draftbit jest dobry?

Draftbit to budowniczy aplikacji mobilnych low-code dla szybkiego prototypowania z pełnym eksportem kodu React Native. Jego interfejs przeciągnij-i-upuść jest łatwy w użyciu dla osób technicznie zdolnych, chociaż niektóre funkcje mogą być trudne. Jest idealny dla deweloperów i zespołów, którzy chcą wizualnego projektowania z kontrolą kodu.

Gdzie znajduje się siedziba Draftbit?

Siedziba Draftbit znajduje się w Chicago, Illinois, USA.

Czy Draftbit jest bezkodowy?

Tak, Draftbit to platforma bezkodowa do tworzenia aplikacji mobilnych z wizualnym interfejsem przeciągnij-i-upuść.