Bubble AI

Was ist Bubble AI?

Bubble AI ist die in der Code-free-Plattform Bubble integrierte KI-Funktion zur Erstellung und Unterstützung bei der Entwicklung von Anwendungen. Die Benutzer beschreiben mit natürlicher Sprache das Produkt, die Zielgruppe sowie die wichtigsten Funktionen – daraufhin kann das System einen startbereiten Anwendungsrahmen erstellen, der Seiten, Elemente, Datenbanken, Workflows sowie Beispieldaten enthält. Anschließend können diese Elemente im visuellen Editor von Bubble weiter bearbeitet und veröffentlicht werden.

Bubble ist nicht nur ein Tool zur Erstellung von Webseiten aus einem einzigen Satz. Es bietet Datenbanken, Benutzerauthentifizierung, Workflows für Front- und Backend, Richtlinien zur Datensicherheit, Plugins, API-Connector sowie Möglichkeiten zur Verwaltung von Hosting und Versionen. Damit kann man beispielsweise Mitgliedschaftssysteme, Marktplattformen, interne Tools, SaaS-Lösungen, Terminbuchungsdienste oder Communities entwickeln.

Der aktuelle Ansatz umfasst gleichzeitig Web, iOS und Android – die Webseiten sowie die mobilen Geräte können denselben Backend-, Datenbank- und Geschäftslogik-Teil nutzen.

Kernfunktionen von Bubble AI

AI-Anwendungs-Generator

Nach Eingabe der Anwendungsart, der Benutzerrolle, der Schlüsselprozesse sowie der visuellen Ausrichtung ordnet die KI zunächst die zu implementierenden Funktionen und erstellt anschließend eine grundlegende Anwendung. Im Gegensatz zu Tools, die nur Code oder statische Prototypen liefern, wird das Ergebnis in den Bubble-Editor eingefügt, wo der Benutzer die Datensstrukturen, Workflows sowie Seiten weiter bearbeiten kann.

KI eignet sich gut zur Schaffung der initialen Struktur von 0 auf 1, kann aber die Produktanforderungen, die Berechtigungsplanung sowie die Freigabe nach dem Go-Live nicht ersetzen.

Bubble AI Agent

Der AI-Agent im Editor kann im Kontext der aktuellen Anwendung Fragen beantworten, Logik erklären und bei der Erstellung oder Änderung von Seiten, Elementen, Datentypen und Workflows helfen. Die Benutzer können Komponenten auswählen und anschließend Fragen stellen, um den Umfang der Aufgabe klarer zu definieren.

Der Agent erbt die Rechte des Initiators: Leser-Beteiligte können mithilfe eines Agents keine Bearbeitungsmöglichkeiten erhalten, und der Zugriff auf die Datenbank kann ebenfalls in den Kooperationseinstellungen kontrolliert werden.

Visualisierung der Seitenbearbeitung

Nach der Erstellung kann die Anordnung, die Responsive-Regeln, die Styles sowie die bedingte Anzeige und Interaktion durch Ziehen und Ablegen sowie über das Eigenschaftenfeld angepasst werden – es ist nicht notwendig, den Quellcode direkt zu bearbeiten. Die KI-gestützte Seitegestaltung kann dabei helfen, einen visuellen Ausgangspunkt zu schaffen, doch einige Gestaltungsfunktionen befinden sich noch in der Testphase. Komplexe Komponenten sowie markenspezifische Designs erfordern in der Regel weitere manuelle Anpassungen.

Integrierte Datenbanken und Datenschutzregeln

Die Bubble-Datenbank ermöglicht es, Datentypen, Felder und Beziehungen zu definieren sowie Workflows zur Erstellung, Abfrage und Änderung von Datensätzen zu erstellen. Die Privatsphärenregeln bestimmen, welche Daten der aktuelle Benutzer sehen darf – sie gehören zu den wichtigsten Sicherheitseinstellungen einer Anwendung.

Versteckte Elemente auf der Seite schützen die Datenbank nicht; sensible Felder müssen durch Serverseitige Datenschutzregeln und Zugriffskontrollen eingeschränkt werden.

Frontend- und Backend-Abläufe

Workflows werden zur Verarbeitung von Klicks, Anmeldungen, Zahlungen, Benachrichtigungen, Datenbankaktualisierungen und zeitgesteuerten Aufgaben verwendet. Backend-Workflows können auch dann weiterlaufen, wenn der Benutzer die Seite verlässt; wiederholte Workflows eignen sich für Abonnements, Erinnerungen und Batchverarbeitung.

Komplexe oder ineffiziente Abfragen, Schleifen sowie Aufrufe von Plugins erhöhen die Workload Units. Bei der Gestaltung muss man sowohl auf die Funktionalität als auch auf die Betriebskosten Rücksicht nehmen.

API und Plugin-Ökosystem

Der API-Connector kann externe KI-, Zahlungs-, E-Mail-, Kartendienste sowie Geschäftsdienste verbinden, während der Plugin-Markt fertige Komponenten bietet. Schlüssel sollten als geheime Parameter auf der Serverseite gespeichert werden und nicht an Stellen platziert werden, die von Seitenbesuchern eingesehen werden können.

Die Sicherheit, Wartung und Abrechnung von Drittanbieter-Plugins werden vom Entwickler des Plugins bestimmt. Offizielle Projekte sollten die Aktualisierungsprotokolle, Berechtigungen sowie Alternativen überprüfen.

Web und native Mobile-Apps

Bubble ermöglicht es, in einem einzigen Projekt Web-, iOS- und Android-Erlebnisse zu erstellen. Die mobilen Geräte teilen sich die Datenbanken sowie Workflows mit der Webseite. Das Mobile-Angebot umfasst Gerätestellungen, Bereitstellung der Builds, verfügbare Online-Versionen sowie OTA-Updates. Allerdings unterscheiden sich die Anzahl der Builds, die bereitgestellt werden können, sowie die Anzahl der gleichzeitig verfügbaren Online-Versionen je nach Paket.

Für die Veröffentlichung in den App-Store ist ein eigenes Entwicklerkonto sowie eine Prüfung durch die Plattform erforderlich.

Vergleich der Preise für Bubble Web & Mobile-Pakete

Im Folgenden sind die monatlichen Preise für eine jährliche Zahlung angegeben, wie sie auf der offiziellen Preisseite aktuell dargestellt werden. Die Währung ist der US-Dollar. Die monatlichen Preise sind in der Regel höher. Steuern, Zusatzmodule, zusätzliche Arbeitslasten, Kosten für Drittanbieter-APIs sowie Gebühren für App-Store-Konten sind nicht im Grundabonnement enthalten. Vor der Zahlung sollten die Angaben auf der Zahlelseite berücksichtigt werden.

Unterschiede in den Funktionen der Pakete

Wie werden Workload Units abgerechnet?

Workload Units, abgekürzt WU, sind ein einheitlicher Indikator für die Nutzung der Serverressourcen in Bubble. Operationen wie Datenbankabfragen, Workflows, Dateiverarbeitung, API-Aufrufe sowie Backend-Aufgaben verbrauchen nach festgelegten Regeln WU.

Web und Mobile-Apps teilen sich denselben Backend, wodurch die Nutzung beider Seiten zusammen in einem Projekt erfasst wird.

Jedes Paket beinhaltet eine feste monatliche Workload-Menge. Bei zunehmendem Verbrauch können zusätzliche Workload-Ebenen erworben werden. Die Benutzer können die Übernutzung deaktivieren, um zu verhindern, dass der Verbrauch die Gesamthöhe des Pakets sowie der Zusatzpakete überschreitet – dadurch werden unerwartete Gebühren vermieden. Allerdings kann das Erreichen der Obergrenze die Funktionsfähigkeit der Anwendung beeinträchtigen.

Vor dem Go-Live sollte man den tatsächlichen Ablauf mit den Statistiken des Free-Plans testen, um anschließend das Paket für die Produktion zu berechnen.

Tutorials zur Erstellung von Anwendungen mit Bubble AI

1. Anforderungen klar beschreiben:Erklären Sie den Anwendungstyp, die Zielgruppe, die Hauptziele, die wichtigsten Abläufe sowie den visuellen Stil – schreiben Sie nicht einfach nur „Eine schöne App erstellen“.
2. Überprüfung der Funktionsliste:Überprüfen Sie die von der KI erstellten Seiten, Rollen und Funktionen, löschen Sie unerwünschte Module und ergänzen Sie das Fehlende.
3. Erstellung der Erstversion:Lassen Sie das System Seiten, Datenbanken, Workflows und Beispieldaten erstellen, um den Hauptbenutzerverlauf auszuprobieren.
4. Überprüfen des Datenmodells:Überprüfen Sie die Feldtypen, die Datenbeziehungen, die Eindeutigkeit sowie die Löschregeln, um eine Neustrukturierung nach dem Erstellen einer großen Menge an Daten zu vermeiden.
5. Konfigurieren von Datenschutzregeln:Die Lese- und Änderungsrechte werden jeweils für Besucher, normale Benutzer, Administratoren und Datenbesitzer getestet.
6. Seite bearbeiten:Verwenden Sie den visuellen Editor, um die Layouts, das responsive Verhalten, die Farben, die Schriftarten sowie den Leerzustand anzupassen.
7. Optimierung des Workflows:Bewältigung von Fehlern wie Ladevorgänge, Fehler, mehrfache Klicks, fehlende Berechtigungen und Zeitüberschreitungen bei Drittanbieter-Schnittstellen.
8. Testen und Veröffentlichen:Nach vollständiger Testung der Entwicklerversion: Erhöhen Sie auf Starter oder eine höhere Version, um Domainnamen zu verbinden, Webseiten zu deployen oder mobile Builds einzureichen.

Wie schreibt man hochwertige AI-Tipps?

Ein effektiver Prompt sollte enthalten: „Wer nutzt es, welches Problem wird gelöst, welche Kernobjekte gibt es, welche Aktionen müssen ausgeführt werden und welcher Stil erforderlich ist“. Zum Beispiel kann eine Anwendung zur Terminvereinbarung für unabhängige Trainer beschrieben werden, die Trainer, Kunden, Kurse und Bestellungen umfasst. Die Kunden können Termine vereinbaren und bezahlen, während die Trainer Zeitfenster verwalten können – unter Verwendung einer einfachen, dunklen Benutzeroberfläche.

Bei vielen Funktionen sollte zunächst ein Kernschlusskreis erstellt werden, anschließend werden die Funktionen schrittweise hinzugefügt.

Beim Bearbeiten einer bestehenden Anwendung sollte dem Agenten jeweils nur eine klare Aufgabe übergeben werden, indem direkt auf Seiten, Elemente, Datentypen oder Workflow-Names verwiesen wird und angegeben wird, welche Teile unverändert bleiben müssen. Nach jeder Änderung sollten Daten und Verhalten überprüft werden; Chatantworten dürfen nicht als verifizierte Umsetzung angesehen werden.

Kann der Quellcode exportiert werden?

Bubble ist eine gehostete, proprietäre Plattform, bei der die Anwendungslogik hauptsächlich auf der Infrastruktur von Bubble ausgeführt wird. Es gibt keinen Standardweg, um das gesamte Projekt als herkömmlichen Quellcode für Frontend und Backend zu exportieren und unabhängig zu deployen. Die Benutzer besitzen den Inhalt und die Daten ihrer Anwendungen selbst, müssen jedoch bei der Auswahl der Plattform die Abhängigkeiten berücksichtigen.

Das Migrationsrisiko kann durch Datenexport, APIs und klare Datenmodelle verringert werden, doch dies ist nicht dasselbe wie die Portierbarkeit des Quellcodes.

Ob Open Source

Die Bubble-Plattform, der AI-Anwendungs-Generator sowie der Laufzeitumgebung sind keine Open-Source-Software. Die offizielle Organisation hat Teile des Codes für bestimmte Tools und Dokumentationen veröffentlicht, doch diese Repositorien enthalten weder den vollständigen Bubble-Editor noch die Hosting-Plattform oder den Anwendungslaufzeitmotor. Daher können sie nicht verwendet werden, um ähnliche Dienste selbst zu bereitstellen.

Anleitung für Bubble AI

Erstellung wiederverwendbarer professioneller Workflows

1. Wählen Sie ein real existierendes Projekt mit niedrigem Risiko als Vorlage aus;
2. Die Reihenfolge der Verwendung des festen AI-Anwendungs-Generators, des Bubble AI Agents und der visuellen Seitenbearbeitung festlegen;
3. Erfassen von Umgebung, Modellen, Hinweisen und Fehlbedingungen;
4. Manuelle Freigabe für Schreib-, Bereitstellungs- und Löschvorgänge einrichten;
5. Vergleichen Sie Geschwindigkeit, Kosten, Testbestehensrate und Anzahl der Nacharbeiten;
6. Erst nach Überprüfung der Stabilität auf Team- oder Produktionsumgebung ausweiten;

Für welche Benutzer geeignet

• Unternehmer, die SaaS-, Marktplattform- und Community-Produkte schnell testen;
• Ein Geschäftsteam zur Erstellung von internen Genehmigungsprozessen, eines Betriebs-Backends sowie eines Kundenportals;
• Produktmitarbeiter ohne umfassende Programmiererfahrung, die jedoch bereit sind, sich mit Daten und Logik auseinanderzusetzen;
• Freelancer und Agenturen, die kundenorientierte Code-free-Anwendungen liefern;
• Kleine bis mittlere Teams, die einen Backend-Service für Web und Mobile teilen müssen.

Vorteile und Einschränkungen bei der Verwendung

• Der Vorteil von Bubble ist, dass durch KI eine anfängliche Erstellung erfolgt, die Visualisierung kontinuierlich weiterentwickelt wird und Datenbanken, Geschäftslogik sowie Hosting zu einem vollständigen Kreislauf zusammenkommen.
• Auch ohne Programmierkenntnisse können Benutzer Anwendungen erstellen, die über statische Webseiten hinausgehen;
• Erfahrene Entwickler können außerdem über API und Erweiterungen erweitern;
• Die Einschränkungen sind, dass es Zeit braucht, um komplexe Datenbanken und Workflows zu erlernen, dass die Leistung der Anwendung sowie die Kosten von WU und der Gestaltungsmethode abhängen, und dass der Quellcode eines vollständigen Projekts nicht frei exportiert werden kann.
• Durch KI erzeugte Berechtigungen, Datenmodelle und Workflows können Mängel aufweisen; Szenarien mit sensiblen Daten in den Bereichen Zahlungen, Privatsphäre, Gesundheit, Finanzen und Unternehmenswesen erfordern eine fachkundige Prüfung.

Häufige Fragen

Ist Bubble AI kostenlos?

Mit dem Free-Plan kann man kostenlos entwickeln und testen – es sind 50.000 WU pro Monat inklusive. Allerdings kann mit diesem Plan kein vollständiges kommerzielles Projekt unter einer eigenen Domain veröffentlicht werden. In der Regel beginnt man mit dem Starter-Plan.

Kann Bubble eine Handy-App erstellen?

Auf derselben Plattform können Web-, iOS- und Android-Apps entwickelt werden, wobei Datenbanken und Workflows geteilt werden können. Für die offizielle Einreichung in den App Store sind ein kostenpflichtiges Abo, ein entsprechender Entwickleraccount sowie eine Überprüfung erforderlich.

Was bedeutet WU im Preis von Bubble?

WU ist die Einheit für die Serverarbeitslast und dient dazu, den Ressourcenverbrauch von Datenbanken, Workflows sowie Backend-Operationen einheitlich zu berechnen. Der Paketinhalt umfasst eine feste Menge an Ressourcen; bei Überschreitung kann man zusätzliche Kapazitäten erwerben oder die Übernutzung ausschalten.

Kann Bubble AI nach der Erstellung noch geändert werden?

Ja. Das erzeugte Ergebnis wird in den visuellen Editor eingegeben, wo man die Seite, die Datenbanken, Workflows, Plugins sowie API-Verbindungen weiter bearbeiten kann. Das ist auch der wesentliche Unterschied zwischen Bubble und generischen Prototypen-Generatoren.

Ist Bubble Open Source?

Nein. Es handelt sich um eine proprietäre, gehostete, codefreie Plattform – einige öffentliche Dokumente oder Tool-Repositorien bedeuten nicht, dass die gesamte Plattform open source ist.