AcademyWorkflowsOperaciones

Visualize Your n8n Workflows with Mermaid.js

Equipos de automatización y operaciones que necesitan documentar y presentar cómo están estructurados sus flujos de n8n.

  • Recomendadonuestra valoración
  • 5660visitas en n8n

Úsalo ahora

Ver en n8n.io ↗

Pégalo directamente en el lienzo de n8n con Ctrl+V o Cmd+V.

visualize-your-n8n-workflows-with-mermaid-js.json

Cargando el archivo...

Qué hace

Una plantilla de n8n que muestra tus flujos como diagramas interactivos en una página web, creada con mermaid.js y Bootstrap 5. Cada tipo de nodo tiene su propia forma, los nodos desactivados aparecen marcados y cada diagrama enlaza con su flujo. No necesita dependencias externas y se puede personalizar.

Casos de uso

  1. 01Documentar flujos de n8n como diagramas
  2. 02Mostrar varios diagramas de flujo en una sola página
  3. 03Presentar una automatización a un equipo no técnico

Conecta

Code

Preguntas sobre
Visualize Your n8n Workflows with Mermaid.js.

¿Para qué sirve Visualize Your n8n Workflows with Mermaid.js?

Equipos de automatización y operaciones que necesitan documentar y presentar cómo están estructurados sus flujos de n8n. Una plantilla de n8n que muestra tus flujos como diagramas interactivos en una página web, creada con mermaid.js y Bootstrap 5. Cada tipo de nodo tiene su propia forma, los nodos desactivados aparecen marcados y cada diagrama enlaza con su flujo. No necesita dependencias externas y se puede personalizar.

¿Cómo importo Visualize Your n8n Workflows with Mermaid.js en n8n?

Copia el JSON del workflow desde esta página y pégalo en el lienzo de n8n con Ctrl+V o Cmd+V. Después conecta tus credenciales en cada nodo.

¿Es seguro usar Visualize Your n8n Workflows with Mermaid.js?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.