Skip to main content
Screenshot 2026 05 06 At 14 19 49
Wenn Sie bereit sind, ein Design freizugeben oder abzugeben, können Sie es in Flowstep als statisches Bild exportieren – entweder als JPG oder PNG. Beide Formate werden umfassend von Design-Tools, Präsentationssoftware und Browsern unterstützt, sodass Sie Ihre KI-generierten Designs überall hin mitnehmen können.

​
So exportieren Sie Ihr Design

1

Öffnen Sie Ihr Design

Navigieren Sie zum Design, das Sie exportieren möchten, in Flowstep.
2

Öffnen Sie das Exportmenü

Suchen Sie die Exportoption in der Symbolleiste oder im Design-Panel. Wählen Sie diese aus, um die Exporteinstellungen zu öffnen.
3

Wählen Sie Ihr Format

Wählen Sie entweder JPG oder PNG, je nach Ihrem Anwendungsfall (siehe den Vergleich unten).
4

Laden Sie die Datei herunter

Bestätigen Sie Ihre Auswahl und laden Sie das exportierte Bild auf Ihr Gerät herunter.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs. PNG: Welches Format sollten Sie verwenden?

Wenn Sie Ihr Design in eine Präsentation einfügen oder schnell eine Vorschau an einen Kunden senden, ist JPG normalerweise die richtige Wahl. Wenn Sie scharfe Kanten oder einen transparenten Hintergrund benötigen – beispielsweise um das Design auf einem anderen Bild zu überlagern –, verwenden Sie PNG.

​
Code exportieren

Über die Schaltfläche Code können Sie einen Screen als React + Tailwind-Code exportieren – kopieren Sie ein Snippet oder laden Sie das vollständige Bundle als ZIP herunter. Bundles sind in sich abgeschlossen: Bilder, die im Design verwendet werden (einschließlich solcher, die Sie im Chat-Panel angehängt haben), sind in einem Ordner public/assets/ enthalten, wobei der Code auf sie nach lokalem Pfad verweist, sodass der Export so funktioniert. Heruntergeladene Dateien – sowohl Bilder als auch Code-Bundles – werden nach dem Screen benannt, zu dem sie gehören (fallback auf den Dateinamen, wenn der Screen unbenannt ist), was die Identifizierung von Exporten beim Arbeiten mit vielen Screens erleichtert.
Wenn Sie Ihr Design in einen Vektor-Bearbeitungsworkflow mitnehmen müssen, kopieren Sie es stattdessen direkt in Figma. Siehe Flowstep-Designs sofort in Figma kopieren.