Documentación

Aprende a convertir tus flujos n8n en interfaces profesionales.

Primeros pasos

FlowUI analiza la estructura JSON de tu archivo de flujo n8n y busca puntos de entrada como Webhooks o Form Triggers para generar los campos de entrada.

Exporta tu flujoEn el editor de n8n, abre el menú del flujo (arriba a la derecha) y selecciona "Descargar". Obtendrás un archivo .json.
Importar a FlowUIVe a la Página de creación de UI y sube el archivo JSON o pega el código directamente en el editor.
PersonalizarFlowUI detecta los campos automáticamente. Puedes comprobar el formulario generado en el panel "Vista previa en vivo".
Desplegar(Próximamente) Guarda el formulario y obtén un enlace público o código para incrustar en tu web.

Preparar tu flujo

Nodos disparadores soportados

FlowUI soporta actualmente los siguientes nodos disparadores para la generación automática de formularios:

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

Definir entradas

Para que FlowUI genere los campos correctos, configura tu nodo Webhook para esperar Parámetros de cuerpo o Parámetros de consulta. FlowUI intenta inferir tipos (String, Number, Boolean) a partir de datos de ejemplo si están disponibles.

// Ejemplo: expectativa de cuerpo Webhook

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

Mejores prácticas

Usa nombres de parámetros claros

Evita claves crípticas como param1. Usa claves descriptivas como customer_email. FlowUI convierte snake_case a Title Case automáticamente en las etiquetas.

Devuelve respuestas estructuradas

Asegúrate de que el último nodo de tu flujo devuelva un objeto JSON con un booleano success y un string message para la mejor experiencia de usuario.

Protege tus webhooks

Asegura tu instancia n8n con Basic Auth o Header Auth en flujos sensibles para evitar accesos no autorizados.

Maneja los errores con cuidado

Usa el nodo "Error Trigger" en n8n o la opción "Continue On Fail" para devolver mensajes de error amigables si un paso (p. ej. inserción en base de datos) falla.

Seguridad y privacidad

FlowUI se ejecuta en el cliente en la fase de generación. No almacenamos tu JSON de flujo en nuestros servidores salvo que guardes explícitamente un formulario (disponible para usuarios registrados).

Al ejecutar un flujo, las peticiones se hacen por proxy de forma segura para evitar problemas CORS. Tus credenciales n8n no se almacenan en texto plano y solo se usan durante la sesión si se proporcionan.