Skip to main content
Screenshot 2026 05 06 At 14 25 48
Flowstep-Designs können nach der Generierung vollständig bearbeitet werden. Sie sind nicht auf das beschränkt, was die KI anfangs erstellt — Sie können Grafiken direkt im Editor anpassen, Chat verwenden, um Änderungen in einfacher Sprache zu beschreiben, oder Flowstep bitten, Variationen und neue Screens zu generieren. Verwenden Sie die Methode, die für die gewünschte Änderung am besten geeignet ist.

​
Zwei Möglichkeiten zum Bearbeiten

Nehmen Sie Änderungen direkt auf der Canvas vor, indem Sie Elemente auswählen und ändern. Diese Methode funktioniert am besten für präzise Anpassungen – verschieben einer Komponente, Ändern einer Farbe, Aktualisieren eines Labels oder Feinabstimmung von Abständen.
1

Wählen Sie das zu ändernde Element aus

Klicken Sie auf eine beliebige Komponente oder Schicht in Ihrem Design, um sie auszuwählen.
2

Nehmen Sie Ihre Änderungen vor

Verwenden Sie die Editor-Steuerelemente, um Eigenschaften wie Farbe, Größe, Position oder Textinhalt anzupassen.
3

Überprüfen Sie das Ergebnis

Ihre Änderungen werden sofort auf der Canvas angewendet. Fahren Sie mit der Bearbeitung fort oder fahren Sie zum nächsten Screen fort.

​
Nur einen Teil eines Screens bearbeiten

Sie müssen keine ganzen Screens bearbeiten. Wählen Sie ein Unter-Element — eine Karte, eine Schaltfläche, ein Textlabel — aus und Ihr Chat-Prompt wird nur auf dieses angewendet, wobei der Rest des Screens unverändert bleibt.
  • Wechseln Sie zum Direct selection Modus mit Shift+V (oder der Dropdown-Liste auf der Schaltfläche „Select toolbar”) um das tiefste Element unter Ihrem Klick auszuwählen. Drücken Sie V für normale Auswahl oder halten Sie Cmd (Mac) / Ctrl (Windows) gedrückt, um direkte Auswahl temporär zu verwenden. Escape beendet die direkte Auswahl.
  • Wählen Sie Unter-Elemente über mehrere Screens mit Cmd+Shift aus – ein einzelner Prompt kann bis zu 6 Screens pro Nachricht bearbeiten.
Wenn ein Bildelement ausgewählt ist (außerhalb des Wireframe-Modus), wird ein Image Panel im Eigenschaftenpanel angezeigt: Vorschau des Bildes anzeigen, es austauschen, indem Sie eine neue Bilddatei auf die Vorschau ziehen oder auf Pick image klicken, oder es mit Download image speichern.

​
Vorherige Version wiederherstellen

Jede KI-Generierung im Chat-Verlauf behält sein ursprüngliches Ergebnis. Wenn ein Screen seit seiner Generierung bearbeitet oder gelöscht wurde, zeigt seine Chat-Nachricht eine Restore Schaltfläche – Restore original um Bearbeitungen rückgängig zu machen, oder Restore / Restore all um gelöschte Screens zurückzubringen. Verwenden Sie diese, um nach einer fehlgeleiteten Bearbeitung zu einem bekannten guten Status zurückzukehren.

​
Einmal-Aktionen

Screenshot 2026 05 06 At 14 29 34
Neben direkten Bearbeitungen können Sie Flowstep bitten, Alternativen zu erkunden:
  • Versuchen Sie es erneut von Grund auf — bitten Sie Flowstep, eine neue Version des aktuellen Screens mit einem anderen Layout oder einer anderen visuellen Richtung zu erstellen.
  • Zeigen Sie den nächsten Screen — bitten Sie Flowstep, das zu generieren, was logisch als Nächstes in der User-Journey kommt.
  • Machen Sie es schöner — passen Sie Abstände, Ausrichtung und Farben im gesamten Design an. Layout bleibt gleich.
Mit diesen Optionen können Sie schnell iterieren, ohne jedes Mal einen Prompt schreiben zu müssen.

​
Iterieren zur Verfeinerung

Design landet selten beim ersten Versuch perfekt. Verwenden Sie Chat-basierte Bearbeitung für jede Feedback-Runde — beschreiben Sie, was funktioniert und was nicht, und Flowstep passt sich entsprechend an. Es gibt keine Grenze, wie oft Sie einen Screen iterieren können.
Wenn Sie per Chat iterieren, beziehen Sie sich auf bestimmte Elemente nach Namen oder Standort, um präzisere Ergebnisse zu erhalten. Beispielsweise: „Move the call-to-action button to the bottom of the screen and make it full-width” ist wirksamer als „fix the button.”