Vamos a ver como generar diagramas utilizando cualquier LLM como lo es ChatGPT o Microsoft Bing con Copilot, y utilizando Draw.io / Diagrams.net para hacer la representación gráfica.
Lo primero que debes hacer es generar un prompt consecuente con tu necesidad, y al final, pedirle al motor que lo genere en formato mermaid.js, esto es muy importante porque Draw.io permite hacer importaciones en este formato.
Para este ejemplo vamos a usar ChatGPT y Draw.io, a continuación encontrarás un prompt de ejemplo.
Crea un diagrama de flujo que represente el proceso de un retiro de dinero de un ATM y principalmente que tenga validaciones de seguridad y validaciones de saldo del usuario. Generalo en formato mermaid.js
Con esto, ChatGPT o cualquier LLM, generará un código que debes copiar y pegar en Draw.io, usando la ruta:
Organizar-> Insertar -> Avanzado -> Mermaid…
Y al insertar, ya podrás ver el diagrama en Draw.io
Esta es la respuesta que obtuve de ChatGPT con ese prompt
graph TD;
A[Inicio] --> B{Usuario ingresa tarjeta};
B -->|Sí| C[Autenticar tarjeta];
B -->|No| A;
C -->|Válida| D{Usuario ingresa PIN};
D -->|Correcto| E[Mostrar opciones de transacción];
D -->|Incorrecto| F[Mostrar mensaje de error];
E --> G{Selecciona retiro};
F --> A;
G -->|Sí| H{Selecciona monto};
G -->|No| E;
H --> I{Fondos suficientes};
I -->|Sí| J[Realizar retiro];
I -->|No| K[Mostrar mensaje de saldo insuficiente];
J --> L[Entregar dinero];
L --> M[Mostrar mensaje de transacción exitosa];
K --> A;
M --> N{Realizar otra transacción?};
N -->|Sí| A;
N -->|No| O[Fin];
Así se ve el lugar donde lo debes insertar
Y, este fue el diagrama generado:
Espero que te haya funcionado este método, y puedas generar diagramas rápidamente de esta manera.
assperooo, muy interesante!