Construire votre première App

Ce guide vous accompagne dans la création d'une App à partir d'un workflow Canvas. À la fin, vous aurez un outil réutilisable que n'importe qui peut utiliser.

Prérequis

Avant de créer une App, vous avez besoin de :

• ✅ Un workflow Canvas fonctionnel
• ✅ Le workflow testé et produisant de bons résultats
• ✅ Une compréhension de quelles entrées doivent être modifiables

Étape 1 : Construire votre workflow

D'abord, créez et testez votre workflow Canvas.

Exemple de workflow

Construisons un simple générateur de photo produit :

[Nœud Upload] → [Supp. Fond] → [Nœud Image (Flux Kontext)] → [Upscaler]
                                        ↑
                              [Nœud Texte : "sur surface en marbre, éclairage studio"]

Testez-le

1. Exécutez le workflow avec des entrées d'exemple
2. Vérifiez la qualité de sortie
3. Ajustez les paramètres jusqu'à satisfaction
4. Sauvegardez le Canvas

Étape 2 : Ouvrir le Constructeur d'App

Comment y accéder

1. Ouvrez votre workflow Canvas
2. Cherchez le bouton Constructeur d'App dans la barre d'outils (ou barre latérale)
3. Cliquez pour ouvrir le panneau Constructeur d'App

Le panneau Constructeur d'App

Vous verrez :

• Liste des Apps — Apps existantes pour ce Canvas
• Créer nouvelle — Bouton pour démarrer une nouvelle App
• Paramètres — Options de configuration

Étape 3 : Nommer votre App

Nom de l'App

Choisissez un nom clair et descriptif :

✅ Bons noms :

• "Générateur de Photo Produit"
• "Créateur de Post Réseaux Sociaux"
• "Créateur de Vidéo Pub"

❌ À éviter :

• "Mon App"
• "Test"
• "Workflow 1"

Description

Écrivez une brève description de ce que fait l'App :

Générez des photos produit professionnelles avec des arrière-plans personnalisés. 
Uploadez votre image produit, décrivez l'arrière-plan souhaité, 
et obtenez un résultat poli et haute résolution.

Étape 4 : Configurer les entrées

C'est l'étape la plus importante. Vous choisissez quelles parties de votre workflow les utilisateurs peuvent modifier.

Trouver les entrées disponibles

Le Constructeur d'App montre tous les nœuds qui peuvent accepter des entrées :

• Nœuds texte (pour les prompts)
• Nœuds upload (pour les fichiers)
• Paramètres qui peuvent être modifiés

Sélectionner les entrées à exposer

Pour chaque entrée que vous voulez exposer :

1. Activez-la — La rend visible aux utilisateurs de l'App
2. Définissez le libellé — Ce que les utilisateurs voient (ex : "Photo Produit")
3. Définissez le type — Texte, image, vidéo ou audio
4. Marquez comme requis — Si les utilisateurs doivent fournir cette entrée

Exemple de configuration

Pour notre workflow de photo produit :

Libellés des entrées

Écrivez des libellés clairs et conviviaux :

✅ Bons libellés :

• "Photo Produit"
• "Description de l'arrière-plan"
• "Nom de la marque"

❌ À éviter :

• "input_1"
• "Texte pour nœud 3"
• "Uploadez ici"

Étape 5 : Ajouter une miniature

Une miniature aide les utilisateurs à identifier votre App.

Options

1. Uploader une image — Votre propre miniature
2. Utiliser depuis le workflow — Une sortie générée
3. Sélectionner depuis les assets — Depuis votre Galerie

Bonnes pratiques

• Utilisez un résultat de votre workflow
• Montrez ce que l'App produit
• Gardez-la visuellement claire
• Format carré ou 4:3 fonctionne le mieux

Étape 6 : Réviser et sauvegarder

Avant de sauvegarder

Vérifiez que :

• ✅ Le nom est clair et descriptif
• ✅ La description explique ce que fait l'App
• ✅ Toutes les entrées nécessaires sont exposées
• ✅ Les libellés sont conviviaux
• ✅ Les champs requis sont correctement marqués
• ✅ La miniature représente l'App

Sauvegarder l'App

Cliquez sur Sauvegarder ou Créer l'App.

Votre App est maintenant prête à être utilisée !

Étape 7 : Tester votre App

Exécuter un test

1. Allez dans la section Apps
2. Trouvez votre nouvelle App
3. Remplissez les entrées
4. Cliquez sur Générer
5. Vérifiez la sortie

Vérifier l'expérience

Demandez-vous :

• Est-il clair ce qu'il faut saisir ?
• La sortie correspond-elle aux attentes ?
• Y a-t-il des éléments confus ?

Modifier votre App

Accéder au mode édition

1. Allez dans la section Apps
2. Trouvez votre App
3. Cliquez sur le bouton Modifier ou Paramètres

Ce que vous pouvez changer

• Nom et description de l'App
• Quelles entrées sont exposées
• Libellés et exigences des entrées
• Miniature

Ce que vous ne pouvez pas changer

• Le workflow sous-jacent (modifiez dans le Canvas à la place)
• Les configurations de nœuds (modifiez dans le Canvas)

Mettre à jour le workflow

Si vous devez modifier le workflow :

1. Ouvrez le Canvas original
2. Faites vos modifications
3. Rouvrez le Constructeur d'App
4. Mettez à jour la configuration de l'App si nécessaire

Bonnes pratiques

Restez simple

• N'exposez que les entrées essentielles
• Ne submergez pas les utilisateurs d'options
• Cachez la complexité en coulisses

Écrivez des libellés clairs

• Utilisez un langage simple
• Décrivez ce qui est nécessaire
• Incluez des exemples si utile

Testez minutieusement

• Exécutez l'App plusieurs fois
• Essayez différentes entrées
• Vérifiez la qualité de sortie

Pensez aux utilisateurs

• Qui va utiliser cette App ?
• Que doivent-ils savoir ?
• Qu'est-ce qui pourrait les confondre ?

Erreurs courantes

❌ Exposer trop d'entrées

Problème : Les utilisateurs sont submergés d'options.

Solution : N'exposez que ce qui est vraiment nécessaire. Gardez les paramètres avancés cachés.

❌ Libellés peu clairs

Problème : Les utilisateurs ne savent pas quoi saisir.

Solution : Écrivez des libellés descriptifs et ajoutez des descriptions utiles.

❌ Ne pas tester

Problème : L'App ne fonctionne pas comme prévu.

Solution : Testez toujours avec diverses entrées avant de partager.

❌ Oublier les champs requis

Problème : Les utilisateurs soumettent des entrées incomplètes.

Solution : Marquez les entrées essentielles comme requises.

Exemple : Configuration complète d'App

Générateur de Photo Produit

Nom : Générateur de Photo Produit

Description : Créez des photos produit professionnelles avec des arrière-plans personnalisés. Uploadez votre image produit et décrivez votre cadre idéal.

Entrées :

Miniature : Exemple de sortie montrant un produit sur marbre

Prochaines étapes

• Exécuter les Apps — Apprenez à utiliser vos Apps
• Idées d'Apps pour créatifs — Inspirez-vous
• Workflows multi-étapes — Construisez des Apps plus complexes