Google just destroyed all vibe-coding apps (Firebase Studio)
Google hat das wohl beste KI-Modell der Welt, Gemini 2.5 Pro, genommen und es in eine sogenannte „Vibe-Coding-App“ verwandelt, die im Grunde alles bauen kann. Doch überraschenderweise spricht kaum jemand darüber. Die App heißt Firebase Studio, sie ist kostenlos und extrem einfach zu bedienen.
Was ist Firebase Studio?
Um Firebase Studio zu verstehen, muss man zunächst wissen, was Google Firebase ist. Firebase ist ein Service von Google, der Backend-Dienste bereitstellt, um dir beim Bau von Apps zu helfen. Dazu gehören:
- Datenbanken
- Authentifizierung
- Analytics
- Hosting
Kurz gesagt: Alles, was du für das Backend einer App brauchst. Firebase Studio hingegen ist das neue Produkt, das den „Vibe-Coding“-Part übernimmt. Es kümmert sich um das Frontend und macht das Ganze zu einer Full-Stack-Lösung. Es ist eine KI-gestützte Entwicklungsumgebung, die deine Ideen direkt in funktionierende Apps verwandelt.
Schritt-für-Schritt-Anleitung: Deine erste App erstellen
Der Prozess, um von einer Idee zu einer App zu kommen, ist denkbar einfach:
- Gehe auf firebase.studio.
- Du wirst weitergeleitet und musst dort die erste Checkbox anklicken und bestätigen.
- Jetzt kannst du sofort mit dem Bauen beginnen.
Das Praxis-Beispiel: Eine Whiteboard-App
Im Video wird demonstriert, wie man eine App erstellt, die wie Draw.io oder Miro aussieht – also ein einfaches, webbasiertes Whiteboard. Der Prozess läuft wie folgt ab:
- Du gibst deine Idee ein und klickst auf „Prototype with AI“.
- Die KI erstellt daraufhin einen Plan für die App, einen sogenannten App Blueprint.
- Im Beispiel nennt die KI die App „Whiteboardly“.
- Der Blueprint listet die geplanten Features auf:
- Freihand-Zeichenwerkzeug
- Formen-Werkzeug
- Text-Werkzeug
- Zusätzlich werden Style-Guidelines erstellt (Farben, Layout, Ikonografie).
Wenn dir der Entwurf gefällt, klickst du auf „Prototype“, und Firebase Studio generiert die Anwendung.
Technische Basis: Warum es sich vertraut anfühlt
Firebase Studio basiert auf der Code OSS Foundation. Diese hat sich aus Project IDX entwickelt, welches wiederum ein Fork von VS Code (Open Source Code) ist. Das ist der Grund, warum die Oberfläche von Firebase Studio sehr vertraut wirkt, wenn du bereits mit VS Code oder Cursor gearbeitet hast.
Der entscheidende Unterschied ist jedoch: Im Gegensatz zu VS Code oder Cursor, die du herunterladen und lokal installieren musst, läuft Firebase Studio komplett im Web. Das bedeutet:
- Du musst nichts installieren.
- Du kannst es auf jedem Computer nutzen, selbst auf einem 15 Jahre alten Laptop.
- Du hast dennoch Zugriff auf eine hochmoderne IDE mit dem weltweit besten KI-Modell (Gemini 2.5 Pro).
Das „Annotate“-Feature: Visuelle Bearbeitung
Ein besonders nützliches Feature innerhalb von Firebase Studio ist die Annotate-Funktion (Kommentieren/Markieren). Diese findest du nicht in der Code-Ansicht, sondern im „Prototyper“.
Wenn du auf das Annotate-Werkzeug klickst, kannst du direkt auf deiner Web-App zeichnen, um Elemente zu identifizieren und auszuwählen, die du ändern möchtest. Du markierst einfach einen Bereich (z. B. den Hintergrund oder einen Button) und gibst der KI die Anweisung, was geändert werden soll. Das macht Anpassungen intuitiv und schnell.
Fazit
Da Firebase Studio direkt auf der mächtigen Infrastruktur von Firebase aufbaut (mit all den genannten Features wie Real-Time Databases, Authentifizierung etc.), ist es eine äußerst attraktive Option für die App-Entwicklung. Es fungiert als IDE und Vibe-Coding-App zugleich und macht den Prozess, eine Idee in eine öffentlich verfügbare App zu verwandeln, einfacher als je zuvor.
Häufig gestellte Fragen (FAQ)
Ist Firebase Studio kostenlos?
Ja, im Video wird explizit erwähnt, dass die App kostenlos ist („it’s free“).
Welches KI-Modell nutzt Firebase Studio?
Es nutzt Google Gemini 2.5 Pro, welches im Video als das beste KI-Modell der Welt bezeichnet wird.
Muss ich Software installieren, um es zu nutzen?
Nein, Firebase Studio ist webbasiert. Du kannst es direkt im Browser nutzen, ohne etwas herunterladen zu müssen.
Worauf basiert die Entwicklungsumgebung technisch?
Sie basiert auf Code OSS (ähnlich wie VS Code) und Project IDX, weshalb die Benutzeroberfläche vielen Entwicklern bekannt vorkommen dürfte.
Quelle
Original-Video: https://youtu.be/LjL3J_TLt08