Diagramas de Draw.io de Miro

Personas: Todos los usuarios
Planes: Free, Starter, Business, Education y Enterprise
Plataformas: Navegador, Escritorio

Con la aplicación Draw.io de Miro, puedes crear y colaborar en distintos tipos de diagramas, uniendo equipos multidisciplinares, proyectos y documentos técnicos en un único espacio de trabajo. Esta herramienta es ideal para crear diagramas técnicos, como UML y ERD, diseñar racks de servidores y visualizar arquitecturas de red y en la nube.

Funcionalidades clave de Draw.io Diagrams

Puedes optimizar tu proceso de creación de diagramas con una variedad de funcionalidades avanzadas disponibles en la aplicación Draw.io Diagrams. Estas funcionalidades permiten una mayor personalización, eficiencia e integración con tus flujos de trabajo existentes.

• Acceder a más de 50 paquetes de formas, incluidos la arquitectura empresarial de ArchiMate, circuitos eléctricos y planos de planta, y buscar formas en bibliotecas de íconos de código abierto.
• Importar diagramas desde draw.io, Visio y Lucidchart.
• Disfrutar de funciones avanzadas como capas, etiquetas, contenedores inteligentes, disposición automática y metadatos de formas.
• Formatear texto con HTML y usar notación matemática en las etiquetas.
• Genera diagramas a partir de texto usando PlantUML, código Mermaid, datos de hojas de cálculo CSV e información de formato, o código SQL.
• Genera diagramas a partir de descripciones de texto usando las plantillas inteligentes de draw.io.

✏️ Los admins de Enterprise pueden agregar la app Draw.io Diagrams a su lista de apps aprobadas desde sus configuración de apps.

Empieza con Draw.io Diagrams

Esta sección te guía para acceder y configurar inicialmente la app Draw.io Diagrams en tu tablero de Miro, para que esté disponible cuando necesites crear diagramas.

Iniciar la app Draw.io Diagrams

Para empezar a usar Draw.io Diagrams, primero debes iniciarla desde la barra de herramientas de tu tablero de Miro. Sigue estos pasos:

1. Navega hasta la barra de herramientas de creación situada a la izquierda de tu tablero.
2. Haz clic en el icono Herramientas, medios e integraciones (+) y busca Draw.io Diagrams.
3. Inicia la app Draw.io Diagrams.

Iniciar la app Draw.io Diagrams desde la barra de herramientas de creación

Anclar Draw.io Diagrams a la barra de herramientas

Para facilitar el acceso en el futuro, puedes anclar la app Draw.io Diagrams directamente a tu barra de creación. Te contamos cómo:

1. Después de buscar la app en la barra de creación, coloca el cursor sobre la app Draw.io Diagrams en los resultados de búsqueda.
2. Haz clic en el icono Anclar a la barra de creación.

Anclar la app Draw.io Diagrams a la barra de creación

Crear diagramas con Draw.io

La app Draw.io Diagrams ofrece flexibilidad al comenzar tu trabajo de creación de diagramas, permitiéndote iniciar con un lienzo en blanco o usar plantillas prediseñadas. También puedes incorporar tus diagramas existentes desde distintas fuentes.

💡 Puedes agregar tus diagramas de draw.io existentes a un tablero de Miro. Aprende cómo importar diagramas de Draw.io.

Crear un diagrama nuevo

Para empezar un diagrama desde cero, sigue estos pasos. Este método te ofrece un lienzo en blanco para tus diseños personalizados.

✏️ Usa las reglas, la cuadrícula personalizable y los lineamientos de posicionamiento de Draw.io para ayudarte a crear diagramas más rápido.

1. Inicia la aplicación Draw.io Diagrams.
2. Verás un lienzo en blanco para empezar tu diagrama. También puedes arrastrar y soltar archivos draw.io sobre el lienzo.
3. En la barra lateral izquierda verás varias categorías de formas.
4. Haz clic y arrastra formas (por ejemplo, un rectángulo o un óvalo) desde la barra lateral al lienzo.
5. Sigue agregando formas y conectores según sea necesario para completar tu diagrama. También puedes agregar otros elementos como cuadros de texto, imágenes y más desde la barra lateral izquierda.
6. Cuando termines, haz clic en Guardar y cerrar en la esquina superior derecha de la aplicación Draw.io Diagrams.

Crear un nuevo diagrama con la aplicación Draw.io Diagrams

Elige una plantilla

Si prefieres empezar con una estructura predefinida, puedes elegir entre las plantillas disponibles. Mira cómo:

1. Abre la aplicación Draw.io Diagrams.
2. En la barra de herramientas superior, haz clic en el icono Insertar (+).
3. Haz clic en Plantilla.
4. Selecciona una plantilla.
5. Edita la plantilla según sea necesario.
6. Cuando termines, haz clic en Guardar y cerrar en la esquina superior derecha.

Elegir una plantilla en la aplicación Draw.io Diagrams

Modifica tus diagramas

Una vez que tu diagrama esté en el lienzo dentro de la app Draw.io Diagrams, puedes modificar sus componentes de varias maneras para perfeccionar su estructura y su apariencia.

Conectar formas

Conectar formas es una parte fundamental de la creación de diagramas. Sigue estas instrucciones para crear y personalizar conectores:

1. Pasa el cursor por encima de una forma. Aparecerán pequeños puntos de conexión.
2. Haz clic en uno de estos puntos de conexión y arrastra hasta otra forma para crear un conector.
3. Haz clic en un conector para personalizarlo. En el panel derecho, puedes cambiar el estilo del conector (recto, curvo, etc.), añadir puntas de flecha u otros extremos y ajustar el color y el grosor de la línea.

Conectar formas en la aplicación Draw.io Diagrams

Agregar etiquetas a las formas y los conectores

Para agregar información textual a los elementos de tu diagrama, puedes etiquetar las formas y los conectores. Te contamos cómo:

1. Haz doble clic en la forma o en el conector y comienza a escribir.
2. Da formato a la etiqueta desde el menú de texto en el lado derecho del lienzo. Puedes cambiar el estilo de fuente, el color, la dirección y la altura.

Agregar etiquetas a las formas en la aplicación Draw.io Diagrams

Mover, cambiar el tamaño y eliminar objetos

Puedes manipular fácilmente los objetos en tu lienzo. Estos pasos te muestran cómo moverlos, cambiar su tamaño o eliminarlos:

1. Para mover una forma o conector, haz clic y arrástralo hasta la ubicación deseada.
2. Para cambiar el tamaño de una forma, haz clic en ella y arrastra cualquiera de los pequeños círculos azules.
3. Para eliminar un objeto, selecciónalo y presiona la tecla Eliminar en tu teclado o haz clic en el ícono Eliminar en la barra de herramientas superior.

Mover, cambiar el tamaño y eliminar un objeto en la aplicación Draw.io Diagrams

Editar metadatos de la forma

Puedes agregar detalles importantes a tus formas como metadatos para hacerlas más informativas. Sigue estos pasos:

1. Abre la aplicación Draw.io Diagrams.
2. Selecciona una forma en tu diagrama.
3. Haz clic derecho en la forma y selecciona Editar datos.
4. Se abrirá un cuadro de diálogo con los metadatos de la forma. Los nombres de las propiedades están a la izquierda y sus valores a la derecha.
5. Agrega pares clave-valor con la información que desees asociar a la forma.
6. Haz clic en Aplicar para guardar los metadatos en la forma.
7. Pasa el cursor sobre la forma para ver sus metadatos.

Editar metadatos de la forma

Agrega capas a tu diagrama

Las capas mejoran la organización y la claridad de tus diagramas, permitiéndote separar distintas partes para editarlas o verlas por separado. Esto es especialmente útil en proyectos complejos.

1. Abre tu diagrama en la aplicación Draw.io Diagrams.
2. Haz clic en Ver y selecciona Capas para mostrar el cuadro de diálogo Capas.
3. Para agregar una nueva capa, haz clic en el ícono de más (+) en la parte inferior del cuadro de diálogo Capas.
4. Para editar el nombre de la capa, haz doble clic en la capa, edita el texto y haz clic en Renombrar.
5. Selecciona la capa para activarla y poder agregar o editar elementos.
6. Para ocultar o mostrar una capa, haz clic en el icono de ojo junto al nombre de la capa.
7. Haz clic en Guardar y cerrar cuando termines de editar tu diagrama.

Agregar capas en la aplicación Draw.io Diagrams

Gestionar formas y bibliotecas de formas

Diagramas de Draw.io ofrece múltiples opciones para usar distintas bibliotecas de formas y gestionar formas personalizadas según tus necesidades de creación de diagramas.

Utiliza una amplia variedad de paquetes de formas de Draw.io

Puedes ampliar tus posibilidades para crear diagramas accediendo a la amplia selección de paquetes de formas de Draw.io. Aquí te explicamos cómo agregarlos:

1. Abre la aplicación Diagramas de Draw.io.
2. Haz clic en Más formas en la parte inferior del panel Formas del lado izquierdo.
3. Explora las categorías y marca las casillas junto a los paquetes de formas que quieras agregar.
4. Haz clic en Aplicar para agregar los paquetes de formas seleccionados a tu panel Formas.

Seleccionando un paquete de formas de draw.io

Agregar formas personalizadas con el Scratchpad

Para personalizar aún más tu experiencia en la creación de diagramas, puedes crear e integrar bibliotecas de formas personalizadas usando el Scratchpad. Sigue estos pasos:

1. Abre la Draw.io Diagrams app.
2. Ve a View.
3. Selecciona Scratchpad.
4. El Scratchpad se abrirá en el panel izquierdo.
5. Agrega formas personalizadas arrastrando y soltando los archivos sobre el Scratchpad.

Agregar formas personalizadas con el Scratchpad

Editar formas personalizadas en el Scratchpad

Una vez que tus formas personalizadas estén en el Scratchpad, puedes modificarlas. Te contamos cómo:

1. En el lienzo, haz clic en una forma.
2. Haz clic y arrastra los puntos azules para cambiar el tamaño de la forma.
3. Usa el panel lateral derecho para personalizar más la forma, incluidos el color, el texto y el tamaño.
4. Cuando termines, haz clic en la forma y luego en el icono de más del scratchpad.
5. La forma se agregará a tus formas personalizadas.

Modificando formas personalizadas con el scratchpad

Eliminar y cambiar el nombre de formas personalizadas en el scratchpad

Puedes administrar tus formas personalizadas eliminándolas o renombrándolas en el scratchpad. Sigue estas instrucciones:

1. Dentro del scratchpad, haz clic en el icono del lápiz.
2. Para eliminar una forma del scratchpad, haz clic en el x en la esquina superior derecha de la forma.
3. Haz clic en el campo de texto debajo de una forma para introducir un nombre. Por defecto, las formas agregadas al scratchpad no tienen título.
4. Haz clic en Guardar cuando termines de editar.

Eliminar y renombrar formas personalizadas en el scratchpad

Exportar formas personalizadas como biblioteca

Para usar tus formas personalizadas en otros lugares o compartirlas, puedes exportarlas como biblioteca. Sigue estos pasos:

1. Dentro del scratchpad, haz clic en el icono de lápiz.
2. Haz clic en Exportar para guardar tus formas personalizadas como una biblioteca.
3. Introduce un nombre de archivo para tu biblioteca de formas personalizadas y selecciona la ubicación donde quieres guardar el archivo.
4. Haz clic en Guardar.

Exportar formas personalizadas como una biblioteca

Trabajar con diagramas de Visio

Draw.io Diagrams permite una transición fluida entre herramientas de creación de diagramas, asegurando que puedas trabajar con tus diagramas de Visio en distintas plataformas sin perder detalle. A continuación te mostramos cómo importarlos y exportarlos:

1. Abre la aplicación Draw.io Diagrams.
2. Para importar, haz clic en Archivo en la esquina superior izquierda, sitúa el cursor sobre Importar desde y selecciona Dispositivo. También puedes cargar tu archivo Visio (VSDX) desde uno de los servicios en la nube del menú.
3. Selecciona el archivo Visio (VSDX) desde tu dispositivo y haz clic en Abrir para importarlo.
4. Para exportar, una vez que termines tu diagrama, haz clic en Archivo, sitúa el cursor sobre Exportar como y selecciona Visio (VSDX).
5. Sigue las instrucciones para completar el proceso de exportación.

CONSEJO: Puedes importar y exportar tu archivo Visio (VSDX) directamente al formato Miro Diagram.

Importación y exportación de diagramas en la aplicación Draw.io Diagrams

Guardar, editar y exportar diagramas de Draw.io

Esta sección cubre los pasos finales esenciales de tu flujo de trabajo de creación de diagramas: guardar tu trabajo en el tablero de Miro, editarlo posteriormente y exportar tus diagramas en varios formatos.

Guardar tu diagrama de Draw.io

Después de hacer cambios dentro de la aplicación Draw.io Diagrams, debes guardar tu trabajo en el tablero de Miro. Sigue estos pasos:

1. Cuando termines de hacer cambios en tu diagrama, recuerda siempre hacer clic en Guardar y cerrar en la esquina superior derecha de la aplicación Draw.io Diagrams.
2. La aplicación Draw.io Diagrams se cerrará y tu diagrama aparecerá automáticamente en tu tablero de Miro.

Guardar un diagrama desde la aplicación Draw.io Diagrams

Editar tu diagrama de Draw.io

Si necesitas hacer más cambios en un diagrama que ya está en tu tablero de Miro, así puedes editarlo:

1. En tu tablero de Miro, selecciona el diagrama que quieres editar.
2. Aparecerá una barra de herramientas.
3. En la barra de herramientas, haz clic en el ícono de lápiz Editar.
4. La aplicación Draw.io Diagrams se abrirá y podrás hacer cambios en el diagrama.

Editar un diagrama en la app Draw.io Diagrams

Exportar tu diagrama de Draw.io

Puedes exportar tu diagrama en varios formatos, incluidos PNG, JPEG y PDF, directamente desde la app. Sigue estas instrucciones:

1. Haz clic en Archivo en la esquina superior izquierda de la app Draw.io Diagrams.
2. Pasa el cursor por encima de Exportar como.
3. Elige el formato que quieras y sigue las indicaciones.
4. Haz clic en Exportar.

Exportar un diagrama desde la app Draw.io Diagrams

Información de referencia

Esta sección ofrece detalles adicionales, incluidos casos de uso específicos y preguntas frecuentes sobre Draw.io Diagrams, para ayudarte a aprovechar al máximo esta herramienta.

Cuándo usar Draw.io Diagrams

Draw.io Diagrams es especialmente útil cuando tus proyectos requieren diagramas más especializados. Considera usarlo en los siguientes casos:

• Bibliotecas de formas especializadas: Accede a formas especializadas, ya sea para diagramas complejos de ingeniería eléctrica o para el diseño específico de planos de planta.
• Personalización: Crea tus propios paquetes de formas con Visio (archivos VSSX) o directamente en draw.io para ajustar tus diagramas exactamente a tus necesidades.
• Integración fluida: Draw.io garantiza compatibilidad con las principales herramientas de diagramación como Visio, Lucidchart y otras. Comparte y colabora sin esfuerzo, usando Visio (VSDX) como formato universal.
• Preserva detalles importantes: Conserva metadatos cruciales de capas y de las formas (el texto dentro de tus diagramas) para mantener la información completa al migrar desde Visio, draw.io o Lucidchart.

✏️ Esta aplicación de terceros utiliza código abierto de Draw.io del repositorio de GitHub, y está alojada de forma segura en Miro; no se comparte ningún dato con terceros. Draw.io no acepta contribuciones. Por lo tanto, esta aplicación de terceros se proporciona "tal cual" con todos sus errores y fallos, y se ofrece sin ninguna garantía, indemnización, compromiso de seguridad ni soporte de ningún tipo por parte de Miro o Draw.io.

Preguntas frecuentes

Aquí tienes respuestas a algunas preguntas comunes sobre el uso de la aplicación Draw.io Diagrams en Miro.