Desde código
Desde código lee el código fuente que pegas, detecta automáticamente su tipo y lo convierte en un diagrama editable. Distribuye por sí solo los servicios, las tablas, los recursos y las relaciones entre ellos. No requiere IA; todo el análisis se ejecuta por completo en tu navegador, sin conexión y de forma autónoma.

Cómo abrirlo
Sección titulada «Cómo abrirlo»En la barra de herramientas inferior, Más herramientas (⋯) → Desde código.
Formatos admitidos
Sección titulada «Formatos admitidos»Cuando pegas tu código fuente, aparece en la parte superior del cuadro de diálogo un distintivo que muestra el tipo detectado. Se reconocen los siguientes formatos:
| Formato | Qué produce |
|---|---|
| Docker Compose (YAML) | Servicios, dependencias, redes y volúmenes. |
| Kubernetes (YAML) | Recursos como Deployment, Service, Ingress y sus relaciones. |
| Helm | Estructura de plantilla/chart de Helm. |
Graphviz DOT (.dot / .gv) | Nodos y aristas del grafo DOT. |
PlantUML (.puml / .plantuml / .iuml / .pu) | Estructura del diagrama PlantUML. |
Terraform (.tf / .hcl) | Recursos y dependencias de Terraform. |
| SQL | Un diagrama ER con tablas y relaciones de clave foránea. |
| Plan EXPLAIN | Salida JSON de EXPLAIN de Postgres/MySQL como un árbol de plan de consulta. |
| OpenAPI | Endpoints y relaciones de esquema a partir de una definición OpenAPI. |
| git log | Un grafo de git a partir de commits y ramas. |
Cuando se introduce texto que no puede reconocerse, el distintivo indica “unknown” y se muestra una sugerencia.
Cómo usarlo
Sección titulada «Cómo usarlo»- Abre Más herramientas → Desde código.
- Escribe o pega el código fuente en el cuadro de la izquierda, o cárgalo desde un archivo con Subir archivo. El tipo se detecta automáticamente.
- Revisa la vista previa en vivo de la derecha; puedes inspeccionarla con los controles de zoom.
- Haz clic en Insertar para colocar el diagrama en el lienzo. El resultado está hecho de formas reales y editables.
Opciones
Sección titulada «Opciones»- Dirección del flujo: distribuye el diagrama de arriba abajo (TB) o de izquierda a derecha (LR). (Esta opción no aparece en la cuadrícula SQL → ER.)
- Estilo de dibujo y fuente: alterna entre dibujo limpio/boceto y fuente manuscrita/normal; se aplica tanto a la vista previa como a las formas insertadas.
- Filtros de relaciones: si el grafo tiene más de un tipo de relación, aparecen fichas etiquetadas que activan o desactivan cada tipo individualmente.
- Estilo de relación SQL: en un diagrama ER, puedes elegir la línea de relación como una línea recta, una flecha recta, una flecha inteligente o pata de gallo.
- Comparación (drift): compara tu código fuente actual con tu inserción anterior del mismo tipo; resalta en color los nodos añadidos y eliminados (+añadido / −eliminado).
Subida de archivos
Sección titulada «Subida de archivos»El botón Subir archivo acepta las siguientes extensiones: .yaml, .yml, .txt,
.dot, .gv, .puml, .plantuml, .iuml, .pu, .tf, .hcl.
- No se requiere ninguna clave; funciona totalmente sin conexión.
- En la parte inferior se muestran los recuentos de nodos, conexiones y grupos, junto con cualquier advertencia.
- Como el resultado está hecho de formas, puedes cambiar libremente sus etiquetas, colores y disposición después.