⭐ Verfügbar im folgenden Paket: Coding-Paket (inkl. in Scale)
⭐ Verfügbar in den folgenden Plänen: Business
👀 Nicht sicher, welchen Plan du hast? Überprüfe dein Abonnement.
Mit dem Generate with AI Block kannst du ein eigenes Element in einfacher Sprache beschreiben – und Heyflow baut es direkt im Flow-Editor für dich. Statt auf einem leeren Canvas anzufangen, gibst du dem AI einen Prompt und erhältst ein fertiges Element, das bereits auf das Design deines Flows abgestimmt ist.
Dieser Block eignet sich ideal, wenn du etwas Spezifisches brauchst, das kein Standard-Block abdeckt – zum Beispiel einen Testimonial-Slider, einen Countdown-Timer oder eine eigene visuelle Komponente.
Deinen Prompt erstellen
Als erstes fügen wir den Generate with AI - Block zu deinem Funnel hinzu:
Öffne deinen Flow im Editor.
Klicke auf „+", um das Block-Panel zu öffnen.
Suche nach „Generate with AI" und klicke auf den Block, um ihn zu deinem Flow hinzuzufügen.
Sobald der Block hinzugefügt ist, siehst du Beispiel-Prompts als Einstiegshilfe. Du kannst einen davon direkt auswählen oder deinen eigenen Prompt im Textfeld eingeben.
💡 Zu den Beispielen gehören Prompts wie „Build a testimonial slider" oder „Add a countdown timer" – nutze diese als Ausgangspunkt, wenn du noch nicht weißt, was du schreiben möchtest.
Wenn du deinen eigenen Prompt schreibst, beschreibe, was das Element tun oder anzeigen soll – nicht wie es gebaut werden soll. Je spezifischer du bist, desto besser das Ergebnis:
Build a testimonial slider with three quotes and star ratings
Add a countdown timer that ends at midnight
Create a two-column comparison table for two pricing plans
Wenn du mit deinem Prompt zufrieden bist, bestätige ihn, um das Element zu generieren.
❗️Für jeden Prompt gilt beim Erstellen von Entwürfen ein Limit von 1.000 Zeichen.
❗ Jede Generierung ersetzt das vorherige Ergebnis – es gibt keinen Verlauf oder eine Rückgängig-Funktion. Wenn du mit einem Ergebnis zufrieden bist, generiere nicht neu, außer du möchtest es ersetzen.
💡 Wenn das erste Ergebnis nicht ganz passt, verfeinere deinen Prompt und generiere erneut. Kleine Änderungen an der Formulierung können das Ergebnis deutlich verändern.
Block-Einstellungen
Nachdem das Element erstellt wurde, kannst du es über den Tab „Inhalt“ im rechten Bereich anpassen oder nimm Änderungen direkt am HTML-Code vor.
Block Design
Generierte Elemente werden automatisch so gestaltet, dass sie zum aktiven Design deines Flows zum Zeitpunkt der Generierung passen, sodass sich die Ausgabe ohne zusätzlichen Styling-Aufwand nahtlos einfügt.
❗ Wenn du das Design deines Flows nach der Generierung änderst, wird das Element nicht automatisch aktualisiert. Generiere den Block nach einer größeren Design-Änderung neu, um die Styles wieder anzugleichen.
Sieh dir auch die weiteren Design-Optionen von Heyflow an, um deinen Flow und deine Blöcke noch individueller zu gestalten:
Beispiele
Hier sind einige Prompts, die zeigen, was der Generate with AI Block erstellen kann:
Testimonial-Slider — „Build a testimonial slider with three customer quotes and five-star ratings"
Countdown-Timer — „Add a countdown timer that counts down 10 minutes"
Vergleichstabelle — „Create a two-column table comparing a free plan and a paid plan"
Fortschrittsanzeige — „Show a three-step progress bar with labels for each step"
Trust Badges — „Add a row of four trust icons with short labels underneath each one"
💡 Stell dir jeden Prompt wie ein kurzes Briefing an einen Designer vor – je mehr Kontext du gibst (Anzahl der Elemente, Layout, Inhalt), desto näher liegt das Ergebnis an deiner Vorstellung. Beachte dabei, dass jeder Prompt auf 1000 Zeichen begrenzt ist. Achte daher darauf, deine Eingaben klar, spezifisch und präzise zu formulieren.