Draftbit-anmeldelse: Hvordan jeg bygget en vanetracker raskt og enkelt

Har du noen gang hatt en flott app-idé, men følt deg fast på grunn av at byggingen virket for komplisert eller treg?

Jeg brukte nylig Draftbit for å lage en fullt fungerende daglig vanetracker. Det som imponerte meg mest var hvor raskt jeg gikk fra idé til arbeidsdyktig prototype samtidig som jeg hadde full kontroll over koden.

I denne Draftbit-anmeldelsen, vil jeg diskutere fordelene og ulemper, hva det er, hvem det er best for, og dens nøkkeltilbud. Deretter vil jeg vise deg hvordan jeg brukte det til å generere og tilpasse en daglig vanetracker.

Jeg vil avslutte artikkelen med å sammenligne Draftbit med mine toppalternativer (Base44 og Softr). Til slutt vil du vite om Draftbit er rett for deg!

Dom

Draftbit er en lavkodeplattform som raskt bygger native iOS- og Android-apper, eksporterer React Native-kode og bruker tilpassbare komponenter med AI og valgfri ekspert hjelp. Det er raskt og fleksibelt for team og utviklere. Men, nybegynnere kan finne det vanskelig siden de komplekse funksjonene kan være utfordrende.

Hva er Draftbit?

Draftbit er en kodefri mobil app-bygger som designer og bygger mobile appar for iOS og Android uten å skrive kode. Det har et drag-and-drop-grensesnitt for å raskt lage app-layout og automatisk generere React Native-kildekode. Dette lar deg ha full eierskap over appens kode for videre tilpasning eller utvikling.

I stedet for å bruke uker på å sette opp den grunnleggende navigasjonsstrukturen for en mobilapp, bygger Draftbit en arbeidsdyktig prototype med flere skjermer, navigasjon og API-tilkoblinger på få timer. Læringskurven finnes, men det er mer som å lære å kjøre enn å bygge en bil fra scratch.

Draftbits opprinnelse og hva som gjør det spesielt

Grunnlagt i 2017 av et team av utviklere som ble frustrert over hvor lang tid mobilutvikling tar, Draftbit begynte som en måte å brygge gapet mellom designtverktøy og kode. Grunnleggerne la merke til at de fleste kodefrie plattformene enten produserer uferdig kode eller låser deg inn i deres økosystem for alltid.

Draftbits tilnærming er annerledes: du kan eksportere React Native-koden og overføre den til et utviklerteam når du ønsker. Dette er enormt for bedrifter som er bekymret for plattformavhengighet.

Pluss, det visuelle redigeringsverktøyet føles mer som Figma enn tradisjonelle nettsidebyggere. Dette forklarer sannsynligvis hvorfor så mange designere har gravitetert mot det.

Hvem er Draftbit best for?

Her er typene mennesker Draftbit er best for:

• Mobilapp-utviklere og entreprenører kan bruke Draftbit til å bygge appar for iOS og Android.
• Team kan bruke Draftbit til å bygge appar sammen på en lavkodeplattform samtidig som de beholder full kontroll over kildekoden.
• Designere kan bruke Draftbit til å arbeide i et drag-and-drop-grensesnitt som føles likt Figma.
• Byråer og organisasjoner kan bruke Draftbit til å samarbeide i felles arbeidsområder med team og API-integrasjoner.
• Teknisk kyndige personer kan bruke Draftbit til å arbeide med JSON, REST-API-er og React Native.
• Prosjekter som trenger rask prototyping kan bruke Draftbit til å flytte raskt fra idé til lansering med enklikkpublisering.
• De som ønsker full kildekode-eierskap kan bruke Draftbit til å eksportere React Native-kode for tilpasning eller utvikleroverføring.

Draftbits nøkkeltilbud

Her er Draftbits nøkkeltilbud:

• Visuell app-bygger: Drag-and-drop for å designe iOS- og Android-appar uten kode.
• Kildekode-eksport: Last ned ren React Native-kode for full kontroll.
• Øyeblikkelige forhåndsvisninger: Test appen på enheter i sanntid med en QR-kode.
• Komponentbibliotek: Bruk forhåndsbygde UI-blokker, maler og lys/mørk modus.
• API-integrasjoner: Kobler lett til REST-API-er, Airtable, Supabase og mer.
• Tilpasset kode: Legg til JavaScript, JSX-komponenter og tredjeparts-pakker.
• Navigasjon og handlinger: Bygget-in navigasjonsstiler og utløsere.
• Team-samarbeid: Arbeid sammen med felles rom og tilgang.
• Rask prototyping: Bygg MVP-er på timer eller dager.
• Enklikkpublisering: Distribuer til app-butikker eller web.
• AI-hjelp: Få hjelp fra AI for å påskynde utvikling.
• Avansert logikk: Bygg arbeidsflyter og flertrinns-handlinger.
• Responsiv design: Stil layouts som tilpasser seg til enhver skjerm.

Hvordan bruke Draftbit

Her er hvordan jeg brukte Draftbit til å generere og tilpasse en daglig vanetracker:

1. Opprett en konto
2. Få ekspert hjelp (valgfritt)
3. Opprett et prosjekt
4. Legg til navn og beskrivelse
5. Legg til prosjekt detaljer
6. Velg et utgangspunkt
7. Velg en app-ikon
8. Tilpass komponenter
9. Vis skjermer
10. Tilgang til komponenter
11. Legg til en komponent
12. Rediger komponenter
13. Sett prosjekt live

Steg 1: Opprett en konto

Jeg startet med å gå til draftbit.com og valgte “Kom i gang” øverst til høyre.

Steg 2: Få ekspert hjelp (valgfritt)

Etter å ha opprettet en konto og delt mine detaljer og mål med Draftbit, spurte de om jeg ønsket å arbeide med en ekspert for å påskynde prosjektet mitt.

Jeg har aldri sett en AI-app-bygger tilby denne, så jeg apprecierte den unike blandingen av AI-automatisering og ekspert menneskelig støtte (spesielt for ikke-tekniske brukere). Jeg klikket “Nei takk,” men hvis du føler du trenger ekspert menneskelig hjelp, dra nytte av det!

Steg 3: Opprett et prosjekt

Deretter ble jeg tatt til min Draftbit-dashbord. Alt var enkelt og tydelig lagt ut, med navigasjonen til venstre, prosjekter i midten og de siste oppdateringene på Drafbit under mine prosjekter.

Jeg valgte “Opprett ditt første prosjekt.”

Steg 4: Legg til navn og beskrivelse

Deretter spurte Draftbit meg hva jeg skulle kalle appen min og å gi en prosjektbeskrivelse. Jeg ga min app navnet “HabitForge” med følgende beskrivelse:

“En gamifisert mobilapp for å hjelpe brukere bygge og spore daglige vaner, sette personlige mål, tjene badges og feire fremgang gjennom morsomme utfordringer og visuelle fremgangsbare. Designet for å styrke selvforbedring med elegante kort, varslinger og integrasjon med bærbare enheter for ubrutt vanesporing.”

Du kan alltid endre navnet og beskrivelsen av appen din senere, så stress ikke for mye over det. Jeg valgte “Neste” for å fortsette.

Steg 5: Legg til prosjekt detaljer

Deretter måtte jeg fortelle Draftbit mer om prosjektet mitt. Dette inkluderte å gi følgende informasjon:

• Bakenden som skal brukes for prosjektet mitt (Xano, Bubble, Supabase osv.)
• App-typen (lyd, forretning, krypto osv.)
• Hvordan jeg planlegger å distribuere appen min (app-butikker, web, PWA osv.)

Da jeg ønsket å lage en vanetracker-app, valgte jeg “Helse og trening” som app-typen jeg skulle lage. Jeg visste ikke hva jeg skulle bruke som bakende eller hvordan jeg skulle distribuere appen, så jeg sa at jeg ikke visste.

Steg 6: Velg et utgangspunkt

Deretter spurte Draftbit meg hvordan jeg ønsket å starte å bygge appen min. Det presenterte maler som varierte fra dating-appar til trening-appar.

Jeg valgte trening-appen siden den passet best til prosjektidéen min og trykket “Neste” for å fortsette.

Steg 7: Velg en app-ikon

Deretter ble jeg bedt om å velge en app-ikon og farge (dette kan endres senere). Jeg likte kombinasjonen av svart hakke-merke og gul bakgrunn.

Steg 8: Tilpass komponenter

Noen minutter senere var appen min laget!

For å starte, klikket jeg på forskjellige komponenter i forhåndsvisningen for å gjøre stilendringer i høyre panel.

Steg 9: Vis skjermer

I venstre panel valgte jeg “Skjermer”. Jeg kunne klikke gjennom alle app-skjermene mine for å gjøre endringer.

Steg 10: Tilgang til komponenter

Draftbit kommer pakket med forhåndsbygde komponenter som faktisk ser greie ut av boksen. Vi snakker om knapper, kort, lister, skjemaer (alt du vanligvis ville bruke dager på å style).

For å få tilgang til disse komponentene, gikk jeg til Blokker (under “Skjermer”) nederst til venstre og trykket “+.”

Når jeg valgte “+”, hadde jeg muligheten til å legge til en tom blokk eller å få tilgang til Blokk-galleriet. Jeg valgte Blokk-galleriet.

Steg 11: Legg til en komponent

Blokk-galleriet tilbød en rekke komponenter jeg kunne legge til appen min (tjenester, profiler, bilder osv.) Jeg holdt musepekeren over en av disse komponentene (en bilde-kort) for å importere den.

Når den var importert, ble komponenten jeg valgte lagt til i min bibliotek av blokker!

For å legge til blokken til appen min, gikk jeg til siden hvor jeg ønsket å legge den til og valgte “+”-ikonet på Komponent-panelet. Dette åpnet et nytt vindu hvor jeg kunne legge til “Bits” (små elementer, som ikoner og knapper) eller “Blokker” (hvor bilde-kortet mitt var lagret).

Jeg holdt musepekeren over bilde-kort-blokken og la den til i appen min.

Steg 12: Rediger komponenter

Bilde-kortet mitt var lagt til i appen min! Jeg kunne nå velge det og redigere det som jeg ønsket.

Steg 13: Sett prosjekt live

Når jeg var fornøyd med hvordan alt så ut, gikk jeg til “Sett prosjekt live” øverst til høyre.

Disse er grunnleggende instruksjoner på hvordan bruke Draftbit til å generere en app med en enkel beskrivelse og hvordan du kan begynne å tilpasse den. Draftbit er mer teknisk enn andre AI-app-genereringer, så hvis du noen gang trenger hjelp, hyr en Draftbit-ekspert.

Samlet sett gjorde Draftbit det enkelt å omdanne idéen min til en fungerende app med en tydelig steg-for-steg-prosess. Jeg likte blandingen av AI-automatisering og valg for ekspert menneskelig støtte, noe som gjorde hele prosessen mer fleksibel og tilgjengelig.

Top 3 Draftbit-alternativer

Her er de beste Draftbit-alternativene:

Base44

Det første Draftbit-alternativet jeg ville anbefale er Base44. Det er en lavkode-AI-plattform som bygger fungerende appar ved å beskrive din idé. Det bygger frontend, backend, database og arbeidsflyter automatisk. Endringer gjøres gjennom AI-samtale eller visuell redigeringsverktøy uten avanserte ferdigheter.

Base44 bruker AI til å automatisere backend- og frontend-innstillinger med bygget-inn hosting. Dette gjør Base44 til et godt valg for web-appar og rask MVP.

Samtidig fokuserer Draftbit mer på visuell design av mobile appar med React Native underhodet. Du får full kildekode-eksport og enklikkpublisering til app-butikker.

Velg Draftbit for å lage mobile appar med detaljert designkontroll, kildekode-eksport og app-butikk-distribusjon. Ellers, velg Base44 for å raskt lage fullstendige web-appar med AI-prompter, backend-tjenester og hosting.

Les min Base44-anmeldelse eller besøk Base44!

Softr

Det neste Draftbit-alternativet jeg ville anbefale er Softr. Det er en kodefri plattform for å bygge web-appar, interne verktøy og kundeportaler fra eksisterende data.

På den ene siden, utmerker Softr seg i å bygge web-appar og porter med enkel database-integrasjon og et brukervennlig grensesnitt. Det inkluderer også bygget-inn medlemskap og brukerhåndtering som er enklere å sette opp enn Draftbit.

Samtidig fokuserer Draftbit på å generere mobile appar med React Native-kode-eksport, Figma-lignende design-fleksibilitet og kildekode-overføring til utviklere.

Velg Draftbit for å enkelt bygge mobile appar som er tilpassbare, eksportable og utvikler-vennlige. Ellers, velg Softr for å raskt bygge web-appar og interne verktøy med data-integrasjon og brukerhåndtering.

Les min Softr-anmeldelse eller besøk Softr!

Draftbit-anmeldelse: Er det riktige verktøyet for deg?

Samlet sett gjorde Draftbit det enkelt å omdanne idéen min til en fullt fungerende mobilapp. Jeg apprecierte den tydelige steg-for-steg-prosessen, blandingen av AI-automatisering og valg for ekspert menneskelig støtte.

For alle som søker full kontroll over appens design og kode samtidig som de påskynder utviklingen, er Draftbit et utmerket valg. Ellers kan du vurdere disse alternativene:

• Base44 er best for å raskt lage fullstendige web-appar og MVP-er med AI.
• Softr er best for å bygge web-appar, interne verktøy eller kundeportaler med enkel database-integrasjon og brukerhåndtering.

Takk for å lese min Draftbit-anmeldelse! Jeg håper du fant den nyttig.

Draftbit tilbyr en gratis plan som inkluderer alt du trenger for å starte å bygge appen din. Prøv det selv og se hvordan du liker det.

Ofte stilte spørsmål

Er Draftbit gratis?

Draftbit tilbyr en gratis plan for å komme i gang med app-utvikling. Den gratis planen inkluderer tilgang til alle kjerne-byggefunksjoner, støtter opptil 5 skjermer per prosjekt, ubegrensede draft-prosjekter og AI-genererte bilder, men den har begrensninger på publisering.

Er Draftbit bra?

Draftbit er en lavkode-mobilapp-bygger for rask prototyping med full React Native-kode-eksport. Dets drag-and-drop-grensesnitt er enkelt for teknisk kyndige brukere, selv om noen funksjoner kan være utfordrende. Det er perfekt for utviklere og team som ønsker visuell design med kodekontroll.

Hvor er Draftbit-hovedkvarter?

Draftbits hovedkvarter er lokalisert i Chicago, Illinois, USA.

Er Draftbit kodefri?

Ja, Draftbit er en kodefri plattform for å bygge mobile appar med et visuelt drag-and-drop-grensesnitt.