Vue d’ensemble
Le Studio Draft & Goal est l’endroit où vous créez, testez et gérez vos workflows. Ce guide vous aide à comprendre chaque partie de l’interface.
Zones principales
Le Studio est divisé en quatre zones principales :
1. Barre de navigation supérieure
La barre de navigation en haut vous donne un accès rapide à :
- Nom du workflow : Cliquez pour renommer votre workflow
- Enregistrer : Enregistrez vos modifications en cours (enregistrement automatique également)
- App : Ouvrez le workflow runner pour tester votre workflow
- Paramètres : Configurez les paramètres au niveau du workflow
- Partager : Collaborez avec les membres de l’équipe
2. Barre latérale gauche - Bibliothèque de nodes
La barre latérale gauche contient tous les nodes disponibles, organisés par catégorie :
| Catégorie | Description |
|---|
| AI Nodes | LLM, AI Agent, génération d’images |
| Integrations | HubSpot, WordPress, Email, Google Sheets, BigQuery, Semrush, Majestic, YourTextGuru |
| Tools | Web Scraper, HTTP Request, Merge, Loop, Conditional, Fail |
Utilisez la barre de recherche en haut de la barre latérale pour trouver rapidement n’importe quel node.
3. Canvas - Créateur de workflows
Le canvas est votre espace de travail principal où vous pouvez :
- Glisser-déposer des nodes depuis la bibliothèque
- Connecter les nodes en traçant des lignes entre les sorties et les entrées
- Organiser votre workflow visuellement
- Sélectionner des nodes pour les configurer
Contrôles du canvas
| Action | Comment faire |
|---|
| Déplacer | Cliquez et faites glisser sur un espace vide |
| Zoom | Molette de la souris ou geste de pincement |
| Sélection multiple | Maintenez Maj et cliquez sur les nodes |
| Supprimer | Sélectionnez un node et appuyez sur Suppr/Retour arrière |
| Dupliquer | Sélectionnez et appuyez sur Cmd/Ctrl + D |
4. Panneau droit - Configuration des nodes
Lorsque vous sélectionnez un node, le panneau droit affiche sa configuration :
- Entrées : Paramètres obligatoires et optionnels
- Paramètres du node : Options spécifiques au node, sélection du modèle
- Aperçu de la sortie : Voir la sortie après l’exécution
Travailler avec le canvas
Ajouter des nodes
- Cliquez sur Add Node dans la barre latérale gauche
- Parcourez les catégories ou recherchez un node spécifique
- Cliquez sur le node pour l’ajouter au canvas
- Le node apparaît au centre de votre vue
Connecter des nodes
Les nodes ont des points de connexion à gauche (entrées) et à droite (sorties) :
- Survolez le point de sortie d’un node (côté droit)
- Cliquez et faites glisser pour tracer une ligne de connexion
- Déposez la ligne sur le point d’entrée d’un autre node (côté gauche)
- La connexion est établie
Vous ne pouvez connecter que des types compatibles. Par exemple, vous ne pouvez pas connecter une sortie image à une entrée texte.
Organiser votre workflow
Gardez vos workflows clairs et lisibles :
- Aligner les nodes horizontalement pour un flux de gauche à droite
- Regrouper les nodes liés ensemble
- Utiliser l’espacement pour séparer les sections logiques
- Ajouter des notes pour documenter la logique complexe
Paramètres du workflow
Cliquez sur l’icône Settings dans la barre en haut à gauche pour accéder à :
Paramètres généraux
- Nom : Donnez un nom descriptif à votre workflow
- Description : Documentez ce que fait ce workflow
Étapes suivantes