Diagramas de Draw.io por Miro

Personas: Todos los usuarios
Planes: planes Free, Starter, Business, Education y Enterprise.
Plataformas: navegador, escritorio

Con la aplicación Draw.io desarrollada por Miro, puedes crear y colaborar en diversos tipos de diagramas, uniendo equipos multifuncionales, proyectos y documentos técnicos en un solo espacio de trabajo. Esta herramienta es ideal para elaborar diagramas técnicos como UML y ERD, diseñar racks de servidores y visualizar arquitecturas de redes y nubes.

Funcionalidades clave de los diagramas de Draw.io

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

• Accede a más de 50 paquetes de formas, incluyendo la arquitectura empresarial de ArchiMate, circuitos eléctricos y planos de planta, y busca formas en bibliotecas de iconos de código abierto.
• Importa diagramas de draw.io, Visio y Lucidchart.
• Disfruta de funciones avanzadas como capas, etiquetas, contenedores inteligentes, diseño automático y metadatos de formas.
• Formatea texto con HTML y usa tipografía matemática en etiquetas.
• Genera diagramas utilizando texto de PlantUML, código de 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 utilizando las plantillas inteligentes de draw.io.

✏️ Los administradores de Enterprise pueden agregar la aplicación de diagramas Draw.io a su lista de aplicaciones aprobadas desde sus configuración de aplicaciones.

Introducción a los Diagramas de Draw.io

Esta sección te guía para acceder y configurar inicialmente la aplicación de diagramas Draw.io en tu tablero de Miro, asegurando que esté disponible para tus tareas de diagramación.

Iniciar la aplicación de Diagramas de Draw.io

Para comenzar a usar Draw.io Diagrams, primero necesitas lanzarlo 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 ícono de Herramientas, medios e integraciones (+) y busca Draw.io Diagrams.
3. Inicia la aplicación Diagramas de Draw.io.

Lanzar la aplicación Draw.io Diagrams desde la barra de herramientas de creación

Anclar diagramas de Draw.io a la barra de herramientas

Para un acceso más fácil en el futuro, puedes fijar la aplicación de Diagramas de Draw.io directamente a tu barra de herramientas de creación. Aquí te mostramos cómo:

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

Anclar la app de diagramas de Draw.io a la barra de herramientas

Crear diagramas con Draw.io

La app de Diagramas de Draw.io ofrece flexibilidad para comenzar tu trabajo de diagramación, permitiéndote empezar con un lienzo en blanco o utilizar plantillas prediseñadas. También puedes incorporar tus diagramas existentes desde varias fuentes.

💡 Puedes añadir tus diagramas existentes de draw.io 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 proporciona un lienzo en blanco para tus diseños personalizados.

✏️ Usa las reglas de Draw.io, la cuadrícula personalizable y las guías de posicionamiento para ayudarte a diagramar más rápido.

1. Inicia la aplicación Diagramas de Draw.io.
2. Te presentarás con un lienzo en blanco para comenzar tu diagrama. También puedes arrastrar y soltar archivos draw.io sobre el lienzo de draw.io.
3. En la barra lateral izquierda, verás varias categorías de formas.
4. Haz clic y arrastra formas (por ejemplo, un rectángulo u óvalo) desde la barra lateral hasta el 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. Una vez terminado, haz clic en Guardar y cerrar en la esquina superior derecha de la aplicación Draw.io Diagrams.

Crear un nuevo diagrama usando la app de diagramas de Draw.io

Elige una plantilla

Si prefieres empezar con una estructura prediseñada, puedes elegir entre las plantillas disponibles. Así es cómo:

1. Inicia la aplicación Diagramas de Draw.io.
2. En la barra de herramientas superior, haz clic en el ícono Insertar (+).
3. Haz clic en Plantilla.
4. Seleccionar una plantilla
5. Edita la plantilla según sea necesario.
6. Una vez terminado, haz clic en Guardar y cerrar en la esquina superior derecha.

Elegir una plantilla de la app de Diagramas Draw.io

Modificar tus diagramas

Una vez que tu diagrama esté en el lienzo dentro de la aplicación de diagramas de Draw.io, puedes modificar sus componentes de varias maneras para refinar su estructura y apariencia.

Conectar formas

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

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

Conectar formas en la app de Diagramas de draw.io

Agregar etiquetas a formas y conectores

Para añadir información textual a tus elementos de diagrama, puedes etiquetar formas y conectores. Aquí te decimos cómo:

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

Añadir etiquetas a formas en la app de Diagramas de Draw.io

Mover, cambiar tamaño y eliminar objetos

Puedes manipular objetos fácilmente en tu lienzo. Estos pasos explican cómo mover, cambiar el tamaño o eliminarlos:

1. Para mover una forma o un 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 icono Eliminar en la barra de herramientas superior.

Mover, redimensionar y eliminar un objeto en la app de Diagramas de Draw.io

Editar metadatos de formas

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

1. Inicia la aplicación Diagramas de Draw.io.
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. Agregar pares clave-valor para la información que deseas asociar con la forma.
6. Haz clic en Aplicar para guardar los metadatos en tu forma.
7. Pasa el cursor sobre la forma para ver sus metadatos.

Editar metadatos de forma

Agrega capas a tu diagrama

Las capas ayudan a elevar la organización y claridad de tus diagramas, permitiéndote separar diferentes partes para una edición o visualización enfocada. Esto es particularmente útil para proyectos complejos.

1. Abre tu diagrama en la aplicación Diagramas de Draw.io.
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 diálogo Capas.
4. Para editar el nombre de la capa, haz doble clic en la capa, edita el texto y haz clic en Cambiar nombre.
5. Selecciona la capa para activarla y añadir o editar elementos.
6. Para ocultar o mostrar una capa, haz clic en el icono del ojo junto al nombre de la capa.
7. Haz clic en Guardar y cerrar cuando hayas terminado de editar tu diagrama.

Agregar capas en la app de diagramas de draw.io

Administrar formas y bibliotecas de formas

Draw.io Diagrams ofrece amplias opciones para utilizar diversas bibliotecas de formas y gestionar formas personalizadas para satisfacer tus necesidades específicas de diagramación.

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

Puedes ampliar tus posibilidades de diagramación accediendo a la extensa selección de paquetes de formas de Draw.io. Aquí te decimos cómo añadirlos:

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

Seleccionando un paquete de formas de draw.io

Agrega formas personalizadas con el bloc de notas

Para personalizar aún más tu experiencia de diagramación, puedes crear e integrar bibliotecas de formas personalizadas usando el scratchpad. Sigue estos pasos:

1. Inicia la aplicación Diagramas de Draw.io.
2. Navega a Ver.
3. Seleccionar Scratchpad.
4. El bloc de notas se abrirá en el panel de la izquierda.
5. Añade formas personalizadas arrastrando y soltando los archivos sobre el bloc de notas.

Añadir formas personalizadas con el bloc de notas

Editar formas personalizadas en el bloc de notas

Una vez que las formas personalizadas estén en tu bloc de notas, puedes modificarlas. Aquí te decimos cómo:

1. Haz clic en una forma en el lienzo.
2. Haz clic y arrastra los puntos azules para cambiar el tamaño de la forma.
3. Usa el panel del lado derecho para personalizar aún más la forma, incluyendo el color de la forma, el texto y el tamaño.
4. Cuando termines, haz clic en la forma y luego en el ícono de más (+) en el scratchpad.
5. La forma se agregará a tus formas personalizadas.

Modificando formas personalizadas con borrador

Eliminar y renombrar formas personalizadas en la carpeta de anotaciones

Puedes gestionar tus formas personalizadas eliminándolas o renombrándolas dentro del panel de notas. Sigue estas instrucciones:

1. Dentro del bloc de notas, haz clic en el icono de lápiz.
2. Para eliminar una forma del scratchpad, haz clic en la x en la esquina superior derecha de la forma.
3. Haz clic en el campo de texto debajo de una forma para ingresar un nombre. De forma predeterminada, las formas añadidas al bloc de notas no tienen título.
4. Haz clic en Guardar cuando termines de editar.

Eliminar y renombrar formas personalizadas con Scratchpad

Exportar formas personalizadas como una biblioteca de formas

Para usar tus formas personalizadas en otros lugares o compartirlas, puedes exportarlas como una biblioteca. Aquí está el proceso:

1. Dentro del bloc de notas, 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 biblioteca

Trabaja con diagramas de Visio

Draw.io Diagrams permite una transición sin problemas entre herramientas de diagramación, asegurando que puedas trabajar con tus diagramas de Visio en diferentes plataformas sin perder detalle. Aquí te mostramos cómo importarlos y exportarlos:

1. Inicia la aplicación Diagramas de Draw.io.
2. Para importar, haz clic en Archivo en la esquina superior izquierda, pasa el cursor sobre Importar desde y selecciona Dispositivo. También puedes cargar tu archivo Visio (VSDX) usando uno de los servicios en la nube del menú.
3. Elige el archivo de Visio (VSDX) de tu dispositivo y haz clic en Abrir para importar.
4. Para exportar, después de completar tu diagrama, haz clic en Archivo, pasa el cursor sobre Exportar como y selecciona Visio (VSDX).
5. Sigue las indicaciones para completar el proceso de exportación.

Importar y exportar diagramas en la app de diagramas Draw.io

Guardar, editar y exportar diagramas de Draw.io

Esta sección abarca los pasos finales esenciales en tu flujo de trabajo de diagramación: guardar tu trabajo en el tablero de Miro, realizar ediciones posteriores y exportar tus diagramas en varios formatos.

Guarda tu diagrama de Draw.io

Después de realizar cambios en la aplicación de diagramas de Draw.io, necesitas guardar tu trabajo en el tablero de Miro. Sigue estos pasos:

1. Cuando hayas terminado 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

Edita tu diagrama de Draw.io

Si necesitas hacer más cambios a un diagrama que ya está en tu tablero de Miro, aquí te explicamos cómo editarlo:

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

Editando un diagrama en la app de diagramas de Draw.io

Exporta tu diagrama de Draw.io

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

1. Haz clic en Archivo en la esquina superior izquierda de la aplicación Draw.io Diagrams.
2. Pasa el cursor sobre Exportar como.
3. Elige el formato que desees y sigue las indicaciones.
4. Haz clic en Exportar.

Exportar un diagrama desde la app de diagramas de Draw.io

Información de referencia

Esta sección proporciona detalles adicionales, incluidos casos de uso específicos y preguntas frecuentes para Draw.io Diagrams, para ayudarte a sacar el máximo provecho de esta herramienta.

Cuándo usar Diagramas de Draw.io

"Draw.io Diagrams" es especialmente útil cuando tus proyectos tienen requisitos de diagramación más especializados. Considere usarlo en los siguientes escenarios:

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

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

Preguntas frecuentes

Estas son respuestas a algunas preguntas comunes sobre el uso de la app de Draw.io Diagrams en Miro.