⭐ Verfügbar in allen Plänen.
🔎 Das Generieren von Elementen verbraucht AI-Credits. Mehr dazu erfährst du in Wie Heyflow AI-Credits funktionieren.
Element generieren
Öffne deinen Flow im Editor.
Öffne Heyflow AI über das Sternchen-Icon im Bereich „Bearbeiten“ oder klicke auf „+“ und wähle „Mit KI generieren“ aus.
Gib deinen Prompt ein und sende ihn ab.
💡 Um ein Element anhand eines Screenshots zu erstellen, klicke im Chatfeld auf „+“ und hänge das Bild an.
🔎 Neu im Chat? Alles Wichtige dazu findest du in Optimiere deine Flows mit Heyflow AI.
Beispiel-Prompts
„Füge ein Hero-Banner mit Farbverlauf im Hintergrund, Überschrift und CTA hinzu“
„Erstelle einen Testimonial-Slider mit Bild, Zitat und 5-Sterne-Bewertung“
„Füge einen Countdown-Timer hinzu“
„Erstelle eine zweispaltige Preistabelle“
Wenn das erste Ergebnis nicht ganz passt, verfeinere deinen Prompt und generiere das Element neu. Schon kleine Änderungen an der Formulierung können das Ergebnis deutlich verändern.
❗ Es gibt aktuell keinen Verlauf und keine Rückgängig-Funktion. Wenn du ein Element neu generierst, wird es komplett ersetzt. Dabei gehen auch alle Änderungen verloren, die du am Inhalt oder am HTML vorgenommen hast.
Generiertes Element bearbeiten
Du hast drei Möglichkeiten, ein generiertes Element zu bearbeiten:
Bearbeite Text direkt in der Vorschau.
Wähle das Element aus und nutze den Tab „Inhalt“ im rechten Bereich.
Bearbeite das HTML des Elements direkt.
Die nativen Blöcke im Ki-generierten Element funktionieren wie normale Blöcke. Du kannst ihre Einstellungen also wie gewohnt im rechten Bereich ändern.
Design
Ki-generierte Elemente werden automatisch im Design deines Flows erstellt. Die nativen Blöcke darin funktionieren wie jeder andere native Block. Wenn du das Design deines Flows oder die Einstellungen für diesen Blocktyp änderst, passen sich die nativen Blöcke automatisch an.
💡 Änderungen im Design-Tab des Flows haben unter Umständen keine Auswirkung auf alle Elemente eines KI-generierten Blocks und können per KI-Chat angepasst werden.
Weitere Design-Optionen
🔎 Weitere Möglichkeiten, das Design deines Flows anzupassen: