Editar como Código

Editar como Código convierte un diagrama existente en código Mermaid/D2 y lo abre en un editor con una vista previa en vivo. El código viene rellenado previamente; cuando haces cambios y los aplicas, el diagrama se actualiza en el lugar (un solo paso de deshacer). Esto te permite hacer el recorrido de ida y vuelta “dibujar → convertir a código → editar → volver a aplicar” en un solo paso.

Cómo abrirlo

Más herramientas (⋯) → Editar como Código en la barra de herramientas inferior. Si no hay ninguna forma en el lienzo, este elemento aparece deshabilitado.

Cómo usarlo

1. Si quieres, primero selecciona las formas que deseas editar. Si la selección contiene nodos de diagrama, se usa solo esa parte; si no, se usa todo el lienzo.
2. Abre Más herramientas → Editar como Código. El código se abre rellenado previamente en un editor con números de línea; aparece una vista previa en vivo a la derecha.
3. Cambia el código (añade una caja, corrige una etiqueta, cambia la dirección de una flecha).
4. Pulsa Actualizar; los cambios se aplican sobre las mismas formas.

Leer desde imagen

Si la selección es una parte que la extracción estructural no puede representar por completo (por ejemplo, unas pocas clases extraídas de un diagrama de clases), puedes regenerar el código fuente a partir de una lectura de imagen con IA con el botón Leer desde imagen encima del editor. Esta vía usa un proveedor/cuota.

Notas

• El lenguaje del código fuente sigue una importación previa: si la parte procedía de D2 se abre como D2, de lo contrario como Mermaid.
• Si quieres producir solo código (sin aplicar en el lugar), usa Diagrama a Código.