Skip to content

Draw.io, edita diagramas de infraestructura VSDX basados en Visio

Hoy voy a compartir contigo una herramienta que me ha parecido muy útil y he utilizado durante algún tiempo con buenos resultados. Con el nombre de draw.io, nos permite entre otras cosas exportar o importar diagramas compatibles con Visio de Microsoft, que usa las extensiones vsd o vsdx.

Los archivos de diagramas como estos se utilizan habitualmente en entornos corporativos para representar mapas de red, mapas de infraestructura, etcétera. Incluso pueden llegar a ser útiles para documentar laboratorios domésticos.

Quizá te hayas encontrado en alguna ocasión que no puedes abrir mapas de red o equipamiento en entornos corporativos ya que no dispones de Visio. Aunque existe un Visio Viewer y podemos utilizar Internet Explorer para ello, lo cierto es que la edición es un problema aparte.

Edita archivos Visio (VSDX) gratis con Draw.io

Entre algunas de las características más reseñables sobre este programa podemos mencionar las siguientes:

  • No necesita instalación (es un servicio cloud), aunque también puede ejecutarse en modo offline.
  • Posee integraciones con servicios cloud como: Google Drive, Google Docs, Google Slides, Onedrive, Office 365 app, Dropbox, Github o Gitlab, aparte de las que son de pago.
  • Posee un diseño intuitivo
  • Gran cantidad de formas y plantillas
  • Soporte para arrastrar y soltar
Draw.io consola principal
Una de las plantillas de ejemplo ofrecidas por el servicio

Precio y licenciamiento

Este programa es completamente gratuito, nada mejor que citar sus propias palabras para demostrarlo:

Draw.io es una aplicación web con licenciamiento gratuito para todos. Es completamente gratis para cualquier propósito, no hay características de pago, marca de agua u otras limitaciones. Eres dueño del contenido que produces con la herramienta para cualquier propósito, incluyendo uso comercial. […]

Es decir, que podemos diseñar mapas para nuestra empresa sin tener que preocuparnos por derechos de uso. Además, ni siquiera es necesario registrarse para utilizar la herramienta. Donde si tenemos que pagar es si queremos disfrutar de alguna de las integraciones (Jira, Confluence).

Primeros pasos con Draw.io

Veamos de un vistazo como sacar todo el partido de la herramienta.

Primero, abriremos la web draw.io y escogeremos primeramente donde queremos almacenar nuestros diagramas.

Importar archivo VSDx

Si queremos, en lugar de empezar de cero o con una de las plantillas propuestas podremos editar directamente un archivo creado con programas como Microsoft Visio, que funciona con extensiones vsd/vsdx

En la pantalla principal seleccionaremos Open Existing Diagram.

O bien seleccionaremos Open from > Device:

Draw.io - importar archivo Visio de Microsoft

Como vemos en la imagen, el archivo de pruebas .vsd se abrió sin inconvenientes.

Draw.io - Editar fichero vsd (Visio) con app gratuita

Draw.io nos permite ampliar la de por sí grande librería de iconos y vectores con otros de nuestro equipo. Además lo podremos hacer con el método drag n drop.

Draw.io arrastrar y soltar

En el ejemplo, incorporamos el siguiente icono a nuestra galería personal (estos cambios se mantienen con el tiempo).

Draw.io importar imágenes personalizadas

Para cada objeto se nos permite acceder a un sinfín de propiedades editables a través del menú contextual:

Draw.io propiedads avanzadas de objeto

En el ejemplo podemos ver un mapa ya finalizado con esta herramienta y la verdad es que el resultado es muy pero que muy profesional.

Diagrama de red realizado con Draw.io

Exportar y guardar

Cuando hayamos completado los cambios deseados en nuestro mapa o diagrama, podremos:

  1. Guardar el archivo en uno de los 3 formatos soportados: drawio, svg, html
  2. Exportar el archivo con las extensiones que aparecen en la parte de derecha de la imagen.

Draw.io - Exportar vs guardar

Una herramienta de lo más recomendable para editar mapas de infraestructura realizados con Visio sin tener que pagar la costosísima licencia de Microsoft. ¿Conoces alguna alternativa comparable? 🙂

deweloper View All

Trabajo como consultor de ciberseguridad y me gusta lo que hago. Aficionado a la informática / tecnología en general, me gusta compartir con la gente lo poco que sé. También soy aficionado al deporte y los videojuegos.

2 thoughts on “Draw.io, edita diagramas de infraestructura VSDX basados en Visio Leave a comment

  1. Use esta web hace mucho tiempo ante una necesidad puntual que me surgió y que encontré tras buscar por Internet.

    Casualmente, llevo una temporada trabajando con esquemas de red y no me acordé para nada de esta web, y como no tengo licencia de Visio, he tenido que modificar los ficheros que me mandaban en formato .vsdx con el Draw de OpenOffice, pero claro, no es lo mismo por carecer de plantillas específicas.

    Muchas gracias por el recordatorio.

    Salu2

    • Te entiendo. Me pasa a menudo el olvidar acerca de servicios y programas buenos porque es imposible retener tanta información a no ser que tú cabeza sea una base de datos 😄. Por cierto qué opinas del nuevo diseño?

Deja un comentario