Diagrama de arquitectura AWS: convertir draw.io y Excalidraw

draw.io y Excalidraw: por qué usar ambos

Un diagrama de arquitectura AWS suele nacer en draw.io (diagrams.net), que tiene la biblioteca oficial de iconos y es preciso, y presentarse en Excalidraw, cuyo trazo a mano luce muy bien en diapositivas, clases y publicaciones. AtlasDocs convierte en ambos sentidos, en el navegador: sube el .drawio o .xml y descarga un .excalidraw editable con los iconos AWS reales incrustados; sube el .excalidraw y descarga un .drawio para abrir en draw.io. Dibujas donde es más cómodo y presentas donde impresiona, sin volver a dibujar.

Convertir draw.io a Excalidraw (conservando los iconos AWS)

1. Abre la herramienta Convertir draw.io a Excalidraw y sube el archivo .drawio o .xml. Sirve el XML abierto, el .drawio comprimido que guarda la app de escritorio y el XML generado por IA, como ChatGPT o Claude.
2. Pulsa "Convertir y descargar" (con varios archivos, "Convertir 3 diagramas").
3. Descarga el nombre.excalidraw y ábrelo en excalidraw.com o en la app para editarlo.

Los iconos oficiales de AWS se reconocen y se incrustan como SVG real, a partir de un catálogo de 808 iconos del conjunto de 2026: nada de cuadros genéricos. Los grupos, como AWS Cloud, VPC y subredes, se convierten en rectángulos con el color de fondo, el borde y la etiqueta originales; los actores, en un icono de usuarios; las formas comunes, en rectángulo, elipse o rombo, con esquinas redondeadas cuando las había. Las flechas llegan tocando el borde de las cajas, con un pequeño margen, y las flechas en ángulo recto reciben quiebres en L o Z para no cruzar etiquetas; el texto de la flecha lleva un fondo blanco para seguir legible.

Convertir de vuelta: Excalidraw a draw.io

1. Abre la herramienta Convertir Excalidraw a draw.io y sube el archivo .excalidraw.
2. Pulsa "Convertir y descargar" (con varios archivos, "Convertir 3 archivos").
3. Descarga el nombre.drawio y ábrelo en draw.io, en el navegador o en la app.

En la vuelta, formas, textos y flechas se convierten en elementos nativos de draw.io, y el texto que estaba dentro de una caja pasa a ser su etiqueta. Con los iconos AWS la regla es honesta: doce servicios verificados, entre ellos S3, Lambda, DynamoDB, CloudWatch, API Gateway, SNS, KMS, Connect, Lex y los iconos de usuario y rol de IAM, vuelven como forma nativa de draw.io, editable y conectable como si la hubieras arrastrado desde la biblioteca. Los demás iconos vuelven como imagen SVG incrustada: se ven perfectamente, pero no son la forma nativa. Los marcos (frames) de Excalidraw se descartan en la conversión.

Qué se conserva y qué cambia

• Un icono AWS reconocido se convierte en SVG real en Excalidraw; un icono AWS que el catálogo no conoce se convierte en una caja redondeada con el color original y la etiqueta, para que no desaparezca.
• Las flechas con un extremo suelto (sin caja en una de las puntas) se mantienen; si la punta cae dentro de una forma, se ancla a la forma más pequeña que la contiene, para no pegarse al contenedor AWS Cloud.
• Los colores de fondo y de borde, las etiquetas, el tamaño de fuente y la alineación del texto viajan junto.
• Las etiquetas con formato HTML de draw.io se convierten en texto simple, con los saltos de línea conservados.
• En la vuelta a draw.io, solo los doce iconos verificados regresan como forma nativa; los marcos se descartan.

Errores frecuentes

• "El archivo no es un diagrama draw.io válido": el .xml no tiene la estructura de draw.io. Vuelve a exportarlo desde el menú Archivo de draw.io, o pide a la IA el XML completo, empezando en mxGraphModel.
• "El archivo no es una escena .excalidraw válida": el archivo no es el JSON que guarda Excalidraw. Usa Exportar a archivo, no la imagen PNG o SVG.
• Un .png o .svg exportado de draw.io no se convierte: la herramienta necesita el diagrama en sí, .drawio o .xml.
• Diagrama con varias páginas en draw.io: solo se convierte la primera página.

Dibujar desde cero o a partir de código

Si todavía no tienes el diagrama, dos atajos. Para dibujar al estilo Excalidraw con los iconos oficiales de AWS de 2026 listos para arrastrar, usa Ribeiro Draw!, un editor gratuito derivado de Excalidraw que la propia página de la herramienta recomienda. Para generar el dibujo a partir de texto, escribe el flujo en código Mermaid en la herramienta de diagrama Mermaid, mira la vista previa en vivo y pulsa "Convertir a Excalidraw (editable)"; el archivo se abre en Excalidraw y, desde ahí, puede ir a draw.io por el camino de arriba. Mira cómo crear un diagrama Mermaid y exportarlo en PNG, SVG o Excalidraw.

Todo ocurre en tu navegador: el archivo de tu diagrama, con los nombres de servicios y la topología de tu nube, nunca se envía a ningún servidor.

Usa el icono correcto en draw.io (el icono de S3, no un rectángulo con la palabra S3): es el tipo de icono, no el texto, lo que la conversión usa para incrustar el dibujo oficial.