Firebase Studio: Eine ehrliche Rezension mit Beispielen

Firebase bietet eine leistungsstarke Tool-Suite, die alles abdeckt, was du für moderne Web- und Mobile-Apps brauchst. In der Entwicklerwelt ist es ein großer Name und seit Langem das bevorzugte Backend für Startups – mit starken Features wie Authentifizierung, Cloud-Speicher, Echtzeit-Datenbanken und serverlosen Functions.

Google geht jetzt einen Schritt weiter mit Firebase Studio, einer neuen KI-gestützten Entwicklungsumgebung, mit der du in Minuten vom Konzept zum MVP kommst. Ähnlich wie Replit und Lovable macht Firebase Studio es möglich, Full‑Stack‑Apps allein per Prompt zu bauen.

In diesem Artikel schauen wir uns an, was Firebase Studio ist und wie es funktioniert. Ich zeige dir, wie ich damit ein IoT-Dashboard from scratch gebaut habe, und teile meine ersten Eindrücke!

Wir halten unsere Leser mit The Median, unserem kostenlosen Freitag-Newsletter, über das Neueste rund um KI auf dem Laufenden. Er fasst die wichtigsten Entwicklungen der Woche kompakt zusammen. Abonniere ihn und bleib mit wenigen Minuten pro Woche up to date:

Was ist Googles Firebase Studio?

Firebase Studio ist Googles neues KI-gestütztes Entwicklungstool, mit dem du Full‑Stack‑Apps per natürlicher Spracheingabe bauen kannst. 

Tatsächlich ist es die Weiterentwicklung von Project IDX, einer Cloud-IDE, die Google 2023 gestartet hat. Project IDX war als allgemeine Cloud-IDE mit KI-Unterstützung gedacht, aber das Rebranding zu Firebase Studio schärft den Fokus und optimiert die Experience für Firebase-Entwickler. Es übernimmt die besten Teile von IDX – wie den Code-OSS-Editor, den KI-Assistenten und die Cloud-Umgebung – und ergänzt sie um Integrationen mit Firebase-Services wie Firestore, Auth, Hosting und Cloud Functions.

Firebase Studio wurde im Zuge des Rebrandings 2024 angekündigt und ist Firebase’ Antwort auf die wachsende Welle „KI-nativer“ Dev-Tools.

So greifst du auf Firebase Studio zu

Du kannst Firebase Studio sofort unter studio.firebase.google.com ausprobieren. Du brauchst nur ein Google-Konto. Sobald du drin bist, beschreibst du per Prompt, welche App du bauen willst, und Firebase Studio generiert ein lauffähiges Projekt – mit den Firebase-Tools unter der Haube. 

Firebase Studio: Preise

Firebase Studio ist in der Vorschauphase kostenlos. Standardmäßig kannst du bis zu 3 Workspaces kostenfrei anlegen. Einige integrierte Dienste wie Firebase App Hosting oder die Überschreitung des Freikontingents für die Gemini-API erfordern jedoch das Verknüpfen eines Abrechnungs­kontos und können Kosten verursachen. Dein Firebase-Projekt wird automatisch auf den Blaze-Plan (Pay-as-you-go) hochgestuft, und dir wird jede Nutzung über die Freikontingente hinaus berechnet.

Wenn du Firebase Studio hauptsächlich fürs Prototyping und Entwicklungsaufgaben nutzt, solltest du innerhalb der kostenlosen Workspace-Grenzen bleiben und das Tool ohne Kosten erkunden können.

Test 1: IoT-Dashboard-App per Prompt

Zunächst habe ich die App-Generierung per Prompt getestet. Bei KI-gestützten App-Buildern verwende ich gern einen etwas komplexeren Prompt, um das Verhalten wirklich auszuloten. Eine To-do-App gelingt meist gut, aber eine etwas anspruchsvollere App zeigt, wo das Tool glänzt – und wo es schwächelt.

Mein Prompt lautete also:

Nach Klick auf „Prototype with AI“ und etwa einer Minute Warten starrte ich immer noch auf einen leeren Bildschirm.

Auch ein Refresh half nicht viel, also habe ich den Workspace gelöscht und es erneut versucht. Dieses Mal bekam ich einen Plan für meine App angezeigt:

Beeindruckt war ich davon, dass sogar Style-Guidelines generiert wurden, die ich bearbeiten konnte (Farben ließen sich zum Beispiel per Klick ändern). 

In der Feature-Sektion siehst du allerdings, dass die in meinem Prompt geforderten Cloud Functions und Firestore fallengelassen wurden. Ich fand es trotzdem nah genug dran und habe den Plan weiterverfolgt – aus Neugier auf das Ergebnis. Der nächste Screen zeigte Folgendes:

An diesem Punkt war ich vom Ergebnis etwas unterwältigt. Das UI war sehr einfach, und es gab tatsächlich keinerlei Nutzer-Authentifizierung.

Ich habe die verschiedenen Buttons und Funktionen des Prototyps durchprobiert. 

Ein Klick auf den Button oben rechts im App-UI öffnet die App in einem neuen Tab. Der nächste Button links daneben teilt einen Vorschau-Link – ziemlich praktisch. Der linke Button im UI öffnet einen Komponentenwähler – dazu gleich mehr.

Ein Klick auf den orangefarbenen „Kringel“-Button links vom Chat-Eingabefeld öffnet ein spannendes „Zeichnen“-Menü.

Ich konnte ein Rechteck um eine Sensorkarte zeichnen und angeben, dass ich den Status dieses Sensors sehen möchte. Denn Ein- und Ausschalten ergibt wenig Sinn, wenn ich den aktuellen Zustand nicht kenne. 

Es wurde tatsächlich eine Status-Eigenschaft auf beiden Sensorkarten ergänzt, die je nach Button-Klick aktualisiert wird.

Über das UI habe ich versucht, einen neuen Küchensensor hinzuzufügen – das klappte problemlos.

Allerdings war der neue Sensor nach einem Refresh nicht mehr da – etwas enttäuschend.

An der Stelle wollte ich mir den Code ansehen. Oben rechts im Firebase-Studio-Screen neben dem blauen „Publish“-Button klickte ich auf das Code-Icon. Positiv: Ein Online-Code-Editor öffnete sich – schnell, schick und mit eingebautem Gemini. Beim Öffnen der Versionskontrolle begann der Scan nach Git-Repositories.

Es wirkte, als hätte er eines gefunden und würde darauf warten, dass ich den aktuellen Branch veröffentliche.

Das fand ich seltsam und klickte auf „Publish Branch“.

Klar, ich war nicht eingeloggt – ein Quirk des Editors. Immerhin lässt sich GitHub direkt im Online-Editor verbinden, was ich zu schätzen weiß.

Wirklich spannend war für mich die Integration in die Firebase-Tools. Ich bin zurück in den Prototyp-Tab und habe im Chat um die Integration von Auth und Cloud Functions zum Mocken von Sensordaten gebeten.

Es kam ein Login-Screen, der aber sofort mit Fehlermeldungen scheiterte.

Einer der Fehler – auf dem Screenshot oben zu sehen – lag daran, dass der Code auf eine Cloud Function zugreifen wollte, die gar nicht existierte, weil sie im Code nie angelegt wurde. Mehrfaches Klicken auf „Fix Error“ brachte nichts.

Ich bin zurück in den Code-Tab und musste den Gemini-Assistenten einige Male anstupsen, bis er zustimmte, Code für Cloud Functions und nicht nur eine normale Funktion zu erstellen. Danach wies er darauf hin, dass er nicht für mich deployen könne, mir aber die Schritte dazu erklären würde. Fair enough.

Da die Chat-Oberfläche Logikprobleme nicht gut zu lösen schien, fragte ich mich, ob sie UI-Themen besser kann. Ich bat darum, die Login-Seite visuell spannender zu machen und Bilder mit Daten- und Analytics-Thema einzubauen. Auch das führte zu keiner Änderung, obwohl der Chat anzeigte, mehrere Dateien zu ändern.

Als letztes Feature wollte ich das Veröffentlichen testen. Ein Klick auf den großen „Publish“-Button oben rechts öffnet ein Seitenpanel mit den Schritten für das Deployment.

Ich habe ein Abrechnungskonto angelegt und bin automatisch auf den Blaze-Plan gewechselt, um die App mit Firebase App Hosting zu veröffentlichen. Der Link im Seitenpanel führte in die Google-Cloud-Konsole, wo ich ein Abrechnungsprofil erstellen sollte. Nach dem Bestätigen landete ich auf einer „URL not found“-Seite in GCP. 

Zurück im Firebase-Studio-Tab sah ich nun „Waiting for billing account from Cloud Console“. Nach ein paar Minuten und mehreren Refreshes konnte ich mein Abrechnungskonto auswählen und die App veröffentlichen.

Damit war mein Test „App-Generierung per Prompt“ abgeschlossen. Mein erster Eindruck: Mit Firebase Studio war es wohl etwas mühsamer als mit anderen Tools, die ich vorher genutzt habe.

Weiter zum zweiten Test.

Test 2: Projekt aus Vorlage generieren

Neben der Generierung per Prompt bietet Firebase Studio auch die Erstellung von Apps über Vorlagen.

Auf der Startseite von Firebase Studio öffnet ein Klick auf eines der kleinen Framework- oder Sprach-Icons im Bereich „Start coding an app“ einen neuen Screen. Ich habe einen Node-Express-API-Server namens „My Node App“ gewählt und TypeScript verwendet.

Nach wenigen Sekunden erschien der resultierende Server im Online-Code-Editor. Hier gibt es keinen Prototyp-Tab – logisch, es handelt sich um Backend-Code.

Diesmal bot mir der Source-Control-Tab die Möglichkeit, ein neues Git-Repository zu initialisieren.

Die Vorlage stellte nur einen einfachen „Hello World“-Endpoint bereit, enthielt aber sämtlichen Code und Boilerplate, um sofort mit einer Node.js‑ und Express‑API loszulegen. 

Erste Eindrücke und Fazit zu Firebase Studio

Unterm Strich ist Firebase Studio ein guter Schritt in Richtung KI-unterstützter Entwicklung – fühlt sich aber noch stark nach Beta an.

Die Idee, mit einem einzigen Prompt zu einer funktionierenden App mit visuellem Prototyp, Live-Vorschau, editierbaren Komponenten und Styling-Kontrollen zu kommen, ist super spannend. Es gibt auch durchdachte Details, etwa Farben direkt per Klick auf eine Palette zu ändern oder auf dem Prototyp zu zeichnen, um Änderungen zu wünschen.

Der integrierte Code-Editor war ebenfalls eine positive Überraschung: Er sieht gut aus, läuft flüssig und bringt Gemini- und GitHub-Support direkt mit – dadurch lässt sich der Code sehr unkompliziert erkunden. Er ist definitiv so gut wie andere Online-Code-Editoren, die ich in der Vergangenheit ausprobiert habe.

Allerdings gab es etliche frustrierende Punkte. Die Prompt-basierte Generierung war inkonsistent: Explizit geforderte Features (Cloud Functions, Auth, Firestore) wurden weggelassen, und bei späterer Nachfrage nur teilweise umgesetzt – mit kaputter Funktionalität und ungelösten Fehlern.

Das generierte UI war recht basic, und meine Bitte, Hintergrundbilder zu ergänzen, wurde ignoriert. Nach mehrfachem Nachhaken bekam ich lediglich einen Farbverlauf im Hintergrund. Beim Veröffentlichen und Einrichten der Abrechnung traten zudem Eigenheiten auf, die den Prozess etwas holprig machten.

Die Erstellung per Vorlage lief besser. Die Node.js-Backend-Vorlage bot eine gut strukturierte, saubere Codebasis, mit der ich sofort loslegen konnte. Das fühlte sich deutlich verlässlicher und entwicklerfreundlicher an.

Fairerweise habe ich nicht alles getestet, und das Tool entwickelt sich klar weiter. Andere berichten, dass es mit einfacheren Use Cases oder stärker strukturierten Prompts besser funktioniert – das probiere ich beim nächsten Mal.

Aktuell wirkt Firebase Studio wie ein Vorgeschmack darauf, was KI-first-Entwicklung werden könnte. Für die große Bühne ist es noch nicht ganz bereit – gerade im Vergleich zu Replit, Lovable, Bolt oder v0 – aber es bleibt spannend zu beobachten.

Fazit

Firebase Studio bringt einige wirklich spannende Ideen mit. Allein damit produktionsreife Apps zu bauen, halte ich derzeit aber noch nicht für realistisch. Wenn du neugierig auf KI-gestützte Entwicklung bist oder sehen willst, was als Nächstes kommt, lohnt sich ein Test auf jeden Fall!