Documentation

Apprenez à transformer vos workflows n8n en interfaces professionnelles.

Démarrage

FlowUI analyse la structure JSON de votre fichier de workflow n8n et recherche les points d'entrée (Webhooks, Form Triggers) pour générer les champs de saisie.

Exporter votre workflowDans l'éditeur n8n, ouvrez le menu du workflow (en haut à droite) et sélectionnez "Télécharger". Vous obtiendrez un fichier .json.
Importer dans FlowUIAllez sur la Page de création d’interface et importez le fichier JSON ou collez le code directement dans l'éditeur.
PersonnaliserFlowUI détecte les champs automatiquement. Vous pouvez vérifier le formulaire généré dans le panneau "Aperçu en direct".
Déployer(Bientôt) Enregistrez le formulaire et obtenez un lien partageable ou un code d'intégration pour votre site.

Préparer votre workflow

Nœuds déclencheurs pris en charge

FlowUI prend en charge les nœuds déclencheurs suivants pour la génération automatique de formulaires :

Webhookn8n-nodes-base.webhook
Form Triggern8n-nodes-base.formTrigger

Définir les entrées

Pour que FlowUI génère les bons champs, configurez votre nœud Webhook pour attendre des paramètres Body ou Query. FlowUI tente d'inférer les types (String, Number, Boolean) à partir des données d'exemple si disponibles.

// Exemple : attente du corps Webhook

{
  "customer_name": "string",
  "customer_email": "string",
  "quantity": 1,
  "is_urgent": false
}

Bonnes pratiques

Utiliser des noms de paramètres clairs

Évitez les clés cryptiques comme param1. Utilisez des clés descriptives comme customer_email. FlowUI convertit le snake_case en Title Case pour les libellés.

Retourner des réponses structurées

Assurez-vous que le dernier nœud de votre workflow retourne un objet JSON avec un booléen success et une chaîne message pour une meilleure expérience utilisateur.

Sécuriser vos webhooks

Sécurisez votre instance n8n avec Basic Auth ou Header Auth pour les workflows sensibles afin d'éviter les accès non autorisés.

Gérer les erreurs proprement

Utilisez le nœud "Error Trigger" dans n8n ou l'option "Continue On Fail" pour retourner des messages d'erreur clairs en cas d'échec d'une étape (ex. insertion en base).

Sécurité et confidentialité

FlowUI s'exécute côté client pour la phase de génération. Nous ne stockons pas votre JSON de workflow sur nos serveurs sauf si vous enregistrez explicitement un formulaire (réservé aux utilisateurs connectés).

Lors de l'exécution d'un workflow, les requêtes passent par un proxy sécurisé pour éviter les problèmes CORS. Vos identifiants n8n ne sont jamais stockés en clair et ne sont utilisés que pendant la session si fournis.