L'éditeur Canvas

Le Canvas est là où la magie opère dans Armox. C'est un éditeur visuel basé sur des nœuds où vous connectez différents composants pour créer de puissants workflows de génération de contenu.

Qu'est-ce que le Canvas ?

L'éditeur Canvas avec un workflow complet : plusieurs nœuds connectés pour créer un pipeline de génération de contenu.

Le Canvas est l'éditeur de workflow visuel d'Armox. Au lieu d'écrire du code ou d'utiliser des interfaces complexes, vous :

• 🎨 Glissez-déposez des nœuds sur un canvas visuel
• 🔗 Connectez les nœuds avec de simples lignes
• ▶️ Exécutez des workflows en un seul clic
• 👀 Voyez les résultats directement dans le canvas

Considérez-le comme un organigramme qui s'exécute réellement — chaque boîte fait quelque chose, et les lignes montrent comment les données circulent entre elles.

Aperçu de l'interface Canvas

Quand vous ouvrez un Canvas, vous verrez :

Navigation

Zoom

• Molette de défilement — Zoomer avant et arrière
• Geste de pincement — Sur trackpad
• Contrôles de zoom — Dans la barre d'outils

Panoramique

• Cliquer et glisser — Sur l'espace vide du canvas
• Bouton du milieu de la souris — Cliquer et glisser
• Barre d'espace + glisser — Méthode alternative

Minimap

La minimap en bas à droite montre tout votre canvas :

• Cliquez sur la minimap pour sauter à cette zone
• Glissez le rectangle de viewport pour naviguer
• Basculez la minimap on/off dans les paramètres

Créer un nouveau Canvas

1. Cliquez sur Canvas dans la barre latérale
2. Cliquez sur + Nouveau Canvas
3. Entrez un nom pour votre canvas
4. Commencez à ajouter des nœuds !

Un canvas frais et vide prêt pour votre workflow.

Votre canvas se sauvegarde automatiquement pendant que vous travaillez.

Ajouter des nœuds

Depuis la barre latérale

1. Ouvrez la barre latérale gauche (cliquez sur l'icône menu si cachée)
2. Parcourez les catégories de nœuds :
   • Texte — Pour les prompts et la génération de texte
   • Image — Pour la génération d'images IA
   • Vidéo — Pour la génération de vidéos IA
   • Audio — Pour la musique et la parole
   • Upload — Pour vos propres fichiers
   • Outils — Pour le traitement et l'amélioration
3. Glissez un nœud sur le canvas, ou cliquez pour ajouter

Le panneau d'ajout de nœud montrant tous les types de nœuds disponibles organisés par catégorie.

Ajout rapide

• Clic droit sur le canvas pour un menu contextuel
• Sélectionnez un type de nœud pour l'ajouter à cet emplacement

Sélectionner des nœuds

Sélection unique

• Cliquez sur un nœud pour le sélectionner
• Les nœuds sélectionnés montrent une bordure de surbrillance
• Le panneau droit montre les paramètres du nœud

Sélection multiple

• Shift + Clic — Ajouter à la sélection
• Glisser une boîte — Sélectionner plusieurs nœuds à la fois
• Ctrl/Cmd + A — Sélectionner tous les nœuds

Déplacer des nœuds

• Glissez les nœuds sélectionnés pour les repositionner
• Touches fléchées — Déplacer légèrement les nœuds sélectionnés
• Les nœuds sélectionnés multiples se déplacent ensemble

Connecter des nœuds

Créer des connexions

1. Trouvez la poignée de sortie (petit cercle sur le côté droit d'un nœud)
2. Cliquez et glissez depuis la poignée de sortie
3. Glissez vers une poignée d'entrée (côté gauche d'un autre nœud)
4. Relâchez pour créer la connexion

Couleurs des connexions

Les connexions sont codées par couleur selon le type de données :

Supprimer des connexions

• Cliquez sur une ligne de connexion pour la sélectionner
• Appuyez sur Supprimer ou Retour arrière
• Ou clic droit et sélectionnez "Supprimer"

Paramètres des nœuds

Quand vous sélectionnez un nœud, le panneau droit montre ses paramètres :

Paramètres courants

Sections pliables

Les paramètres sont organisés en sections pliables :

• Basique — Paramètres essentiels
• Avancé — Options de réglage fin
• Sortie — Aperçu et téléchargement

Exécuter des workflows

Exécuter un seul nœud

1. Sélectionnez le nœud que vous voulez exécuter
2. Cliquez sur le bouton ▶ Lecture sur le nœud
3. Observez l'indicateur de progression
4. Voyez le résultat dans l'aperçu du nœud

Exécuter tout le workflow

1. Cliquez sur Tout exécuter dans la barre d'outils
2. Les nœuds s'exécutent dans l'ordre basé sur les connexions
3. Chaque nœud montre sa progression
4. Les résultats apparaissent à mesure que chaque nœud se termine

Ordre d'exécution

Les nœuds s'exécutent dans l'ordre des dépendances :

1. Les nœuds sans entrées s'exécutent en premier
2. Puis les nœuds qui dépendent de ces sorties
3. Continue jusqu'à ce que tous les nœuds soient terminés

Voir les résultats

Aperçu dans le nœud

Le contenu généré apparaît directement dans le nœud :

• Images — Aperçu miniature
• Vidéos — Lecteur vidéo
• Audio — Lecteur audio
• Texte — Affichage texte

Aperçu complet

• Cliquez sur l'aperçu pour le voir plus grand
• Bouton Télécharger pour sauvegarder sur votre ordinateur
• Le contenu est aussi sauvegardé dans votre Galerie

Sauvegarder et organiser

Sauvegarde automatique

Les canvas se sauvegardent automatiquement pendant que vous travaillez. Vous verrez un indicateur "Sauvegardé" dans la barre d'outils.

Sauvegarde manuelle

• Appuyez sur Ctrl/Cmd + S pour forcer la sauvegarde
• Ou cliquez sur Sauvegarder dans la barre d'outils

Renommer

1. Cliquez sur le nom du canvas dans la barre d'outils
2. Tapez un nouveau nom
3. Appuyez sur Entrée

Organiser les canvas

• Créez des noms descriptifs
• Utilisez des conventions de nommage (ex : "Client - Projet - Version")
• Supprimez les anciens canvas dont vous n'avez plus besoin

Raccourcis clavier

Bonnes pratiques du Canvas

Conseils de mise en page

• Flux de gauche à droite — Entrées à gauche, sorties à droite
• Laissez de l'espace — Ne serrez pas les nœuds ensemble
• Groupez les nœuds liés — Gardez les fonctions similaires proches
• Utilisez la minimap — Pour naviguer dans les grands workflows

Conseils de workflow

• Commencez simple — Commencez avec 2-3 nœuds, puis développez
• Testez de manière incrémentale — Exécutez les nœuds un par un pour vérifier
• Sauvegardez souvent — Même si la sauvegarde automatique fonctionne, les sauvegardes manuelles aident
• Nommez clairement — Utilisez des noms de canvas descriptifs

Conseils de performance

• Ne surchargez pas — Les très grands canvas peuvent ralentir
• Exécutez sélectivement — N'exécutez que les nœuds dont vous avez besoin
• Nettoyez — Supprimez les nœuds et connexions inutilisés

Dépannage

Le Canvas ne se charge pas

• Rafraîchissez la page
• Vérifiez votre connexion internet
• Essayez un navigateur différent

Les nœuds ne se connectent pas

• Vérifiez que les types sont compatibles (les couleurs correspondent ou texte vers n'importe quoi)
• Assurez-vous de glisser de la sortie vers l'entrée
• Essayez de supprimer et recréer la connexion

Les résultats n'apparaissent pas

• Vérifiez que le nœud a fini de s'exécuter (pas de spinner)
• Cherchez les messages d'erreur sur le nœud
• Vérifiez votre solde de crédits

Prochaines étapes

Maintenant que vous connaissez le Canvas, approfondissez :

• Connecter les nœuds — Construisez des workflows complexes
• Exécuter les workflows — Exécutez et gérez vos créations
• Créer des Apps — Transformez les workflows en Apps réutilisables