Einen Workflow bauen
Öffnest du eine Automatisierung, übernimmt der Builder den Bildschirm: eine Knoten-Arbeitsfläche rechts, eine Palette oder ein Inspektor links und eine Symbolleiste oben. Er bleibt über deinem Arbeitsbereich geöffnet; es gibt keine separate Seite oder keinen separaten Tab.
Kurzüberblick
- Erstelle oder öffne eine Automatisierung, um in den Builder zu gelangen.
- Ziehe einen Knoten aus der Palette auf die Arbeitsfläche.
- Ziehe vom Verbinder eines Knotens zum nächsten Knoten, um sie zu verknüpfen.
- Klicke einen Knoten an, um seine Einstellungen im linken Panel zu öffnen.
- Klicke Validate, dann Test, um ihn einmal auszuführen, oder Activate, um live zu gehen.
Ausführliche Referenz
Layout
| Bereich | Was er enthält |
|---|---|
| Symbolleiste (ganz links) | Drei Ansichten: Flow (die Arbeitsfläche), Settings (Optionen pro Automatisierung), Activity (Ausführungsverlauf). |
| Linkes Panel | Die Knotenpalette, wenn nichts ausgewählt ist, oder die Einstellungen des ausgewählten Knotens, wenn einer gewählt ist. Die beiden tauschen sich am selben Ort aus. |
| Arbeitsfläche | Der Graph selbst: ein Rasterhintergrund, Verschieben und Zoomen, eine Minimap und Zoom-Regler. |
| Symbolleiste | Verlassen, Name und Autospeichern-Status der Automatisierung, Rückgängig und Wiederholen, Validate, eine Status-Pille und Test / Activate / Pause. |
Die Knotenpalette
Die Palette im linken Panel hat ein Suchfeld und drei Tabs, passend zum Knotenkatalog: Triggers, Actions und Rules, jeweils in kleinere Unterkategorien gruppiert (zum Beispiel Design, AI oder Notification unter Actions). Ziehe einen beliebigen Knoten auf die Arbeitsfläche, um ihn zu platzieren; den vollständigen Katalog findest du unter Knoten.
Knoten verbinden
Ziehe vom unteren Verbinder eines Knotens zum oberen des nächsten, um sie zu verknüpfen. Ein Auslöser hat keinen Eingang; ein Ausgangsknoten hat keinen Ausgang. Bedingungsartige Knoten (wie If) haben zwei Verbinder, einen je Zweig, sodass du einen "Ja"-Pfad und einen "Nein"-Pfad getrennt verdrahtest.
Einen Knoten konfigurieren
Klicke einen Knoten an, um das linke Panel auf seinen Inspektor umzuschalten: ein Titel, eine kurze Beschreibung und seine Felder.
| Feldtyp | Dargestellt als |
|---|---|
| Text | Eine einzeilige Eingabe |
| Textarea | Eine mehrzeilige Eingabe, für Prompts und längere Inhalte |
| Number | Eine numerische Eingabe, mit Minimum und Maximum, wo relevant |
| Select | Ein Dropdown; einige (wie Ordner) laden deine Live-Daten aus dem Arbeitsbereich |
| Boolean | Ein Umschalter |
| Part picker | Eine Schaltfläche, die den unten beschriebenen Bestandteil-Wähler öffnet |
Einen Projekt-Bestandteil wählen
Manche Aktionsknoten, angefangen bei Pick a part, brauchen ein bestimmtes Stück eines Projekts statt eines ganzen Designs. Der Wähler ist ein zweistufiges Overlay über dem Builder: Wähle zuerst ein Projekt, dann einen Bestandteil darin, eine Seite, einen Rahmen oder eine Folie, mit einer Live-Vorschau je Projekt. Ist die Wahl getroffen, springt ein Open in editor-Link direkt zu genau diesem Bestandteil.
Fehlerbehandlung pro Knoten
Der Inspektor jedes Knotens hat zwei Tabs: Parameters, die oben behandelten Felder, und Settings, das nur bei aktionsartigen Knoten Optionen zeigt (Auslöser und Logikknoten haben hier nichts zu konfigurieren, da sie keinen Nebeneffekt haben, den man wiederholen könnte):
| Einstellung | Bewirkt |
|---|---|
| On error | Continue schluckt den Fehler und macht weiter, Stop the run lässt die ganze Ausführung scheitern, Route to an error output fügt einen zweiten, roten "Hata"-Verbinder aus dem Knoten hinzu, sodass du einen eigenen Fehlerpfad verdrahten kannst |
| Retry (0-5) | Wiederholt denselben Schritt so oft, bevor auf das On-error-Verhalten zurückgefallen wird |
| Wait (ms) | Wie lange zwischen Wiederholungsversuchen pausiert wird |
| Note | Eine frei formulierte Notiz am Knoten, für deine eigene Referenz; sie hat keinen Einfluss auf die Ausführung |
Ein Knoten, der auf dem Standard Continue bleibt, protokolliert einfach einen error-Schritt und führt die Ausführung weiter, als wäre nichts geschehen, sodass ein nicht erreichbarer Webhook oder eine abgewiesene E-Mail den Rest des Graphen für sich genommen nicht anhält.
Die Settings-Ansicht
Die Settings-Ansicht der Symbolleiste enthält Optionen für die gesamte Automatisierung, die mit dem Entwurf gespeichert werden:
| Gruppe | Einstellung | Bewirkt |
|---|---|---|
| Execution | Concurrency | Free (viele Ausführungen gleichzeitig), Single at a time, Skip if busy oder Queue bis zu einer Obergrenze |
| Execution | Max concurrent | Die Obergrenze der Warteschlange, nur im Queue-Modus angezeigt |
| Execution | Max run duration | Eine Ausführung, die älter als diese Sekundenzahl ist, wird automatisch als gescheitert markiert, sogar mitten in einer Verzögerung |
| Execution | Priority | Ausführungen höher priorisierter Automatisierungen werden zuerst vorgezogen, wenn die Engine einen Rückstau hat |
| Error | Default on-error behavior | Continue oder Stop, verwendet von jedem Knoten, der kein eigenes On error gesetzt hat |
| Error | Error notifications | In-App, E-Mail und/oder Slack, gesendet, wenn eine Ausführung scheitert |
| Error | Error automation | Eine weitere Automatisierung, die gestartet wird (Fire-and-forget), sobald diese scheitert |
| Error | Circuit breaker | Pausiert die Automatisierung automatisch, nachdem so viele Ausführungen hintereinander gescheitert sind |
| Scheduling | Quiet hours | Ein Start-/Endzeitfenster (in der Zeitzone der Automatisierung), in dem Auslöser aufgeschoben statt ausgelöst werden |
| Scheduling | Debounce | Ein Mindestabstand zwischen Auslösungen, zusätzlich zu jedem Debounce am Auslöserknoten selbst |
| Data & retention | Save execution data | Alle Schrittprotokolle, nur Fehler oder keine, ein Kompromiss zwischen Datenschutz und Speicher |
| Data & retention | Run history retention | Abgeschlossene Ausführungen, die älter als diese Tageszahl sind, werden automatisch gelöscht; leer behält alles |
Nichts davon wird von Validate geprüft, nur der Graph selbst; eine unsinnige Einstellung (wie eine Queue-Obergrenze von 0) verhält sich einfach konservativ, statt Activate zu blockieren.
Steuerelemente der Symbolleiste
| Steuerelement | Bewirkt |
|---|---|
| Exit | Schließt den Builder und kehrt zur Übersicht zurück. |
| Name + Statustext | Zeigt den Namen der Automatisierung und ob sie gespeichert, gerade am Speichern oder das Speichern gescheitert ist. |
| Undo / Redo | Geht Schritt für Schritt vor und zurück durch deine Änderungen am Graphen. |
| Validate | Prüft den Graphen und listet Fehler und Warnungen inline auf, unter der Symbolleiste. |
| Status pill | Draft, Active, Paused oder Error, auf einen Blick. |
| Test | Speichert und führt den Graphen dann sofort einmal aus. Siehe Ausführen und überwachen. |
| Activate / Pause | Veröffentlicht und geht live oder hört auf zuzuhören, ohne den Entwurf zu verlieren. |
Tastenkürzel
| Kürzel | Aktion |
|---|---|
Delete / Backspace | Den ausgewählten Knoten löschen (und seine verbundenen Kanten) |
Ctrl/Cmd + Z | Rückgängig |
Ctrl/Cmd + Shift + Z (oder Ctrl+Y) | Wiederholen |
Ctrl/Cmd + C / V | Den ausgewählten Knoten kopieren und einfügen |
Ctrl/Cmd + D | Den ausgewählten Knoten duplizieren |
Gezogene Knoten rasten am Raster ein, und ein Ziehen auf leerer Arbeitsfläche wählt per Rahmen mehrere Knoten auf einmal aus.
Schritt für Schritt
Diese bauen vollständige, echte Automatisierungen aus Knoten, die heute wirklich laufen (siehe Knoten dazu, welche das tun). Die Anker unten werden von anderen Seiten verlinkt.
Anleitung: ein geplantes AI-Digest per E-Mail
- Ziehe einen Scheduled-Auslöser auf die Arbeitsfläche (Tab Triggers, Gruppe Zaman). Öffne seinen Inspektor und lege die Frequenz fest: Wähle Weekly für einen festen Tag, Interval plus einen Wert bei "Every (minutes)" für einen engen Takt oder Cron mit einem rohen Cron-Ausdruck und einer Zeitzone für exakte Kontrolle (siehe Auslöser).
- Ziehe einen Generate copy-Knoten aus Actions > AI und verbinde den Verbinder des Auslösers damit. Öffne seinen Inspektor und schreibe einen Prompt, zum Beispiel "Write 3 short social post ideas for this week, one line each." Dieser Schritt läuft über den AI-Anbieter-Schlüssel, den du unter Settings > AI verbunden hast; ohne einen protokolliert er einen übersprungenen Schritt, statt die Ausführung scheitern zu lassen.
- Ziehe einen Send email-Knoten aus Actions > Notification und verbinde Generate copy damit. Setze To auf deine Adresse, Subject auf etwas wie "This week's post ideas" und Body auf
{{ context.__aiText }}, damit er die Ausgabe des AI-Schritts weiterträgt. - Klicke Validate, behebe, was markiert wird (ein häufiger Fall: To oder Subject leer gelassen), und klicke dann Test. Öffne die Activity-Ansicht und bestätige, dass der AI-Schritt Text erzeugt hat und der E-Mail-Schritt
okzeigt (oder einen klaren Übersprungen-Grund, falls noch keine SMTP-Verbindung oder kein AI-Schlüssel konfiguriert ist). - Klicke Activate. Sie läuft nun von selbst nach dem von dir konfigurierten Zeitplan; du musst die App nicht geöffnet halten.
Anleitung: Webhook-Eingang mit einer AI-Antwort
- Ziehe einen Incoming webhook-Auslöser auf die Arbeitsfläche. Seine eingehende URL wird aus der eigenen ID der Automatisierung gebildet (
/api/workflow/hook/<automation id>); im Builder gibt es noch keine URL-kopieren-Schaltfläche, finde die ID also aus den Netzwerkanfragen, die die Seite ohnehin stellt (zum Beispiel den Dev-Tools des Browsers, während der Builder geöffnet ist), statt zu erwarten, dass sie am Knoten steht. Setze optional ein HMAC-Secret, sodass nur Anfragen mit gültiger Signatur akzeptiert werden. - Richte ein externes Formulartool, ein CRM oder ein Chat-Widget auf diese URL als Webhook-Ziel aus, mit einem JSON-Body wie
{ "email": "...", "message": "..." }. - Ziehe einen Set a variable-Knoten hinter den Auslöser, um ein Feld zu normalisieren, das du wiederverwendest, zum Beispiel Schlüssel
customerEmail, Wert{{ context.email }}. - Ziehe einen Generate copy-Knoten dahinter, mit einem Prompt wie
Write a short, friendly reply to: {{ context.message }}. - Ziehe einen Slack / Discord-Knoten, füge die Incoming-Webhook-URL deines Kanals ein und setze die Nachricht auf
New submission from {{ context.customerEmail }}: {{ context.__aiText }}. - Validiere, dann teste mit einem JSON-Beispiel-Body (jeder HTTP-Client oder die "send test event"-Schaltfläche deines Tools funktioniert, da es lediglich ein
POSTauf die Webhook-URL braucht). Prüfe Activity und aktiviere dann.
Anleitung: nach einem Speichern auf eine Bedingung verzweigen
- Beginne mit einem Design updated-Auslöser; von den Design-/Arbeitsbereich-Ereignisauslösern ist dies der, den die App heute automatisch auslöst, immer wenn ein Design gespeichert wird (siehe Auslöser).
- Ziehe Pick a part hinein, damit spätere Schritte etwas Konkretes zum Arbeiten haben; öffne den Bestandteil-Wähler und wähle ein Projekt, dann eine Seite, einen Rahmen oder eine Folie darin.
- Ziehe einen Condition (yes/no)-Knoten hinein. Sein Inspektor baut eine Regel (ein Feld, ein Vergleich wie gleich oder enthält, und ein Wert) statt eines roh getippten Ausdrucks; beide Seiten der Regel können aus dem Kontext der Ausführung ziehen.
- Füge im yes-Zweig eine In-app notification hinzu, die deinem Team mitteilt, dass der Bestandteil zur Prüfung bereit ist. Füge im no-Zweig einen Write an audit entry-Schritt hinzu, damit auch der Durchreichfall festgehalten wird.
- Validiere, dann teste; Test läuft sofort, unabhängig vom Auslöser, sodass du beide Zweige ausprobieren kannst, ohne tatsächlich ein Design zu speichern. Bestätige, dass beide Pfade korrekt in Activity auftauchen, und aktiviere dann.
Fehlerbehebung
- Der Settings-Tab eines Knotens wirkt leer. Nur aktionsartige Knoten haben einen On error / Retry / Note-Tab. Auslöser und Logikknoten (Condition, Filter, Delay, Set a variable und ähnliche) haben keinen Nebeneffekt zum Wiederholen, sodass ihr Settings-Tab nur das Note-Feld enthält.
- Ich habe "Route to an error output" gesetzt, aber es gibt nirgends etwas, um den Fehlerpfad zu verbinden. Ein zweiter, roter Verbinder erscheint erst am Knoten selbst, nachdem du diese Einstellung umgelegt hast; sieh dir den unteren Rand des Knotens noch einmal an; der neue "Hata"-Griff sitzt neben dem normalen Ausgang.
- Kopieren/Einfügen (
Ctrl/Cmd+C/V) scheint nichts bewirkt zu haben. Die eingefügte Kopie landet leicht versetzt zum Original, um ein kleines zufälliges Wackeln, nicht exakt darauf; sieh knapp unterhalb und rechts vom Ausgangsknoten nach. - Validate ist sauber, aber Activate scheitert trotzdem. Activate validiert erneut und veröffentlicht in einem Schritt; hängt ein Feld von Live-Daten ab (wie ein Ordner, der inzwischen gelöscht wurde), kann es genau in diesem Moment scheitern, auch wenn Validate eine Minute zuvor in Ordnung aussah. Öffne den Inspektor des scheiternden Knotens erneut und wähle den Wert neu.
- Ein Pflichtfeld zeigt einen Fehler, den ich nicht finde. Die Meldung von Validate nennt den Knoten und das Feld, aber der Inspektor zeigt nur Felder, deren
displayIf-Bedingung aktuell erfüllt ist; ein Feld kann erforderlich und trotzdem verborgen sein, wenn ein anderes Feld seine Sichtbarkeit steuert (zum Beispiel erscheint der Body des HTTP-Knotens erst, sobald eine Body-tragende Methode gewählt ist).
Tipps
Validiere, bevor du aktivierst
Die Validierung fängt einen leeren Graphen, mehr als einen Auslöser, ein leer gelassenes Pflichtfeld, eine baumelnde Verbindung oder einen unverdrahteten Zweig ab, bevor du versuchst, live zu gehen.
Änderungen speichern von selbst
Bearbeitungen werden automatisch gespeichert, kurz nachdem du aufhörst zu tippen oder etwas zu bewegen; der Statustext der Symbolleiste bestätigt es. Es gibt keine separate Speichern-Schaltfläche.
Einen Knoten zu löschen, entfernt seine Kanten
Es gibt keinen separaten Schritt, um Verbindungen aufzuräumen; einen Knoten zu löschen, nimmt alle Kanten mit, die ihn berühren.