Google beschreibt einen klaren Weg vom Skizzenfoto zum testbaren App-Prototyp: Lade die Zeichnung bei Gemini hoch, wähle Canvas, fordere den Code an und prüfe das Ergebnis in Preview. Für Einsteiger ist das eine Möglichkeit, einen groben Entwurf in eine erste interaktive Fassung zu verwandeln. Googles Anleitung führt durch die Schritte.

Vom Papierentwurf zur Canvas-Vorschau

Skizzenkarte und Prompt neben der Auswahl „Canvas“ in der dunklen Gemini-Oberfläche.

Du brauchst ein Foto deines Entwurfs und eine Vorstellung davon, was die App können soll. Google nennt unter anderem App-Mock-ups, Habit-Tracker und Spielbretter als mögliche Skizzen.

  1. Lade das Skizzenfoto bei Gemini hoch. So kann Gemini den gezeichneten Entwurf als Ausgangspunkt verwenden.
  2. Wähle Canvas. Damit öffnest du den Arbeitsbereich, in dem Gemini den App-Code erstellen soll.
  3. Bitte Gemini, die App zu programmieren. Googles Beispielprompt lautet „Can you code this app?“
  4. Öffne Preview und probiere den Prototyp aus. Teste dort die wichtigen Eingaben und Bedienelemente, bevor du weitere Änderungen anforderst.

Vorschau testen und gezielt nachbessern

Googles englischsprachige Vorführung zeigt eine Anmeldeskizze, Code neben der Vorschau und anschließende Änderungen an Button und Auswahlfeld.

Prüfe in Preview zuerst den Ablauf, für den du die App entwirfst: Lassen sich Eingaben machen, und reagieren die vorgesehenen Bedienelemente? Bitte Gemini danach um eine konkrete Änderung und teste genau diese Stelle erneut. So bleibt erkennbar, was eine einzelne Überarbeitung verändert.

Googles englischsprachige Vorführung zeigt diesen Ablauf an einem Formular für eine interne Veranstaltung. Der Presenter lädt eine handgezeichnete Anmeldeseite hoch, sieht den erzeugten Code neben der Vorschau und gibt Beispieldaten ein. Anschließend fordert er Gemini auf, den Absende-Button grün zu färben und ein Auswahlfeld für Ernährungsbeschränkungen hinzuzufügen.

Prüfe nach jeder Änderung den betroffenen Ablauf erneut, statt dich allein auf die erzeugte Vorschau zu verlassen.

Vom Prototyp zum Online-Dienst

Canvas führt in diesem Ablauf bis zu einem prüfbaren Prototyp in Preview. Die Veröffentlichung eines Online-Dienstes und eine Speicherung, die Daten auf mehreren Geräten verfügbar macht, sind davon getrennte Aufgaben. Eine Vorschau allein ist daher kein Nachweis für Hosting oder geräteübergreifende Synchronisierung.

Welche Workspace-Einschränkungen Google 2025 beschrieb

In einem Hinweis vom 20. Mai 2025 beschrieb Google die damaligen Canvas-Funktionen für Nutzer über 18. Apps mit Workspace-Daten ließen sich dem Hinweis zufolge nicht in Preview ansehen. Workspace-Nutzer, die einen von einem persönlichen Google-Konto geteilten Link öffneten, konnten Gemini außerdem nicht um weitere Überarbeitungen bitten. Googles Workspace-Mitteilung vom Mai 2025