Draw io es un potente editor de diagramas basado en navegador que convierte tus ideas en diagramas de flujo, organigramas, diagramas de red, UML, mapas mentales y mucho más. Sin instalaciones ni complicaciones: arrastra formas, ajusta conectores, aplica estilo con degradados e iconos, y exporta como PNG, SVG o PDF. Perfecto para lluvias de ideas rápidas, materiales visuales para el aula, documentación técnica o maquetas de diseño para videojuegos.

Diseñado para la velocidad y la claridad: el ajuste inteligente, las plantillas reutilizables, los atajos de teclado y el enrutamiento intuitivo de conectores facilitan la creación de diagramas complejos. Colabora exportando, importando o guardando en la nube. Ya sea que estés dibujando un mapa de niveles, planificando la arquitectura de un sistema o creando una hoja de referencia. Draw.io lo consigue.

Cómo jugar

1. Comenzar: Hacer clic Crear nuevo diagrama o abrir una plantilla (Diagrama de flujo, UML, Mapa mental, Red).
2. Añadir formas: Arrastre formas desde el panel izquierdo al lienzo.
3. Conectar: Coloque el cursor sobre el controlador de una forma y arrástrelo hacia otra forma para crear conectores automáticamente.
4. Editar texto: Haga doble clic en cualquier forma para editar las etiquetas.
5. Estilo: Utilice el panel derecho para cambiar el relleno, el trazo, la fuente, el tamaño, la alineación y la sombra.
6. Arreglar: Utilice guías de alineación, distribuya herramientas y capas para ordenar su diseño.
7. Exportar/Guardar: Archivo → Exportar como PNG / SVG / PDF, o guardar en el disco local / Google Drive / OneDrive.

Controles

• Clic izquierdo + arrastrar: Mover formas
• Haga doble clic: Editar texto
• Arrastre desde el controlador de forma: Crear conector
• Ctrl/Cmd + Z: Deshacer
• Ctrl/Cmd + Y / Mayús + Ctrl/Cmd + Z: Rehacer
• Ctrl/Cmd + C / V: Copiar / Pegar
• Eliminar / Retroceso: Eliminar elemento seleccionado
• Ctrl/Cmd + A: Seleccionar todo
• Ctrl/Cmd + G / Mayús + Ctrl/Cmd + G: Agrupar / Desagrupar
• Teclas de flecha: Selección de empuje
• Rueda del ratón: Zoom (o Ctrl/Cmd + rueda del ratón)
• Espacio + arrastrar: Lienzo de sartén

Características

• Plantillas: diagramas de flujo, UML, diagramas ER, mapas mentales, mapas de red
• Conectores inteligentes con enrutamiento ortogonal
• Compatibilidad con capas y agrupaciones para diagramas complejos
• Exportar PNG, SVG, PDF con opción de fondo transparente
• Flujo de trabajo rápido con teclado para usuarios avanzados
• Guardar y cargar desde el disco local, Google Drive, OneDrive, Dropbox
• El modo sin conexión (almacenamiento en caché del navegador) sigue funcionando sin Internet

Consejos y trucos

• Utilice plantillas para iniciar diagramas complejos.
• Sostener Cambio mientras cambia el tamaño para mantener las proporciones.
• Utilice las opciones de cuadrícula + ajuste para una alineación perfecta en píxeles.
• Duplicar formas con Ctrl/Cmd + D para acelerar elementos repetidos.
• Utilice capas para ocultar anotaciones o exportar vistas simplificadas.
• Para presentaciones, exporte SVG para una escala nítida.