Diagrama con ChatGPT: él lo escribe, aquí se dibuja

Qué probamos exactamente

El 28 de agosto de 2026, en una conversación en inglés, pedimos a un ChatGPT sin sesión iniciada un diagrama de registro ya renderizado y descargable en PNG o SVG. La respuesta fue:

“Image generation requires logging in. Once you’re logged in, I can generate the rendered signup flowchart for you.”

Es decir: generar imágenes requiere iniciar sesión; hecho eso, sí produciría el diagrama renderizado.

Después pedimos a la misma conversación solo código Mermaid, nada más. Devolvió al momento el diagrama completo de arriba, con sintaxis correcta, nodos de decisión razonables y retornos en las ramas de error. Sin cuenta, sin espera y sin cupo.

Ahí está resumido todo el asunto. La parte difícil — convertir un proceso borroso en un grafo correcto, con los nodos y las aristas que tocan — es justo la que hace gratis. La parte fácil, dibujarlo, es la que deja detrás del inicio de sesión.

Peticiones que devuelven código utilizable

• Fija el formato. «Dame solo el código Mermaid, nada más» evita tres párrafos de explicación alrededor y que tire de la herramienta de imágenes.
• Di qué tipo de diagrama quieres. flowchart TD para procesos, sequenceDiagram para llamadas entre servicios, erDiagram para modelos de datos, gantt para calendarios. Decirlo de entrada evita recibir un diagrama de flujo cuando querías una secuencia.
• Dale el material real. Pega la función, la migración o el procedimiento tal como están y pide el diagrama de lo que hay ahí. Diagramar código existente sale mucho más fiel que diagramar una descripción.
• Devuélvele sus errores de sintaxis. Si aquí falla el renderizado, copia el mensaje de error de vuelta al chat. Los errores de sintaxis de Mermaid son el único tipo de fallo que corrige bien a la primera.

Etiquetas en español, con tildes y signos de apertura

A una pregunta hecha en español, ChatGPT suele devolver las etiquetas en inglés, sencillamente porque los ejemplos de Mermaid lo están. No es un problema: una etiqueta es texto. Entrecomíllala — C{"¿Datos válidos?"} — y las tildes, la eñe y los signos de apertura ¿ y ¡ funcionan sin más. La primera plantilla de arriba es justo eso: el mismo diagrama, etiquetado en español.

Para el paso siguiente, del código al repositorio, la documentación de GitHub existe en español: la página «Creación de diagramas» en docs.github.com/es explica el bloque de código con el identificador de lenguaje mermaid, que renderiza el diagrama dentro de un README, una incidencia, una pull request o un wiki. Ahí se describe la herramienta así: «Mermaid es una herramienta inspirada en Markdown que representa texto en diagramas.» (consultada el 6 de septiembre de 2026).

Por qué el código gana a la imagen

Aunque ChatGPT te entregara un PNG ya renderizado, no te interesaría. Un diagrama Mermaid es texto: vive en el repositorio junto al código que describe, aparece como un diff legible en una pull request, se renderiza de forma nativa en un README y se cambia editando una línea. Una imagen está congelada — para mover una caja, se rehace entera.

Para seguir: crear un diagrama de flujo online, diagrama UML, diagrama de secuencia, editor de Mermaid, diagrama de flujo de efectivo.

Comportamiento de ChatGPT comprobado el 28 de agosto de 2026 en una conversación sin sesión iniciada, en inglés; los límites de los planes en chatgpt.com/es-ES/pricing y la página de documentación de GitHub en español, el 6 de septiembre de 2026. Estos productos cambian a menudo: tómalo como una foto fechada, no como una regla permanente.