Diagramas de flujo y Mermaid
Actualizado el 6 de noviembre de 2026Dibujar un diagrama de flujo con draw.io o escribirlo con Mermaid dentro de una página o de la descripción de una tarea.
En el editor de una página de Documentos, y en la descripción de una tarea, una incidencia o un proyecto, la barra trae dos botones de diagramas. Están en todos los planes, y sus imágenes cuentan en el almacenamiento de la empresa.
Diagrama de flujo (draw.io)
- Pulsa Diagrama de flujo (el icono de árbol). Se abre el editor a pantalla completa, con las figuras de diagrama de flujo y las de uso general.
- Dibuja: arrastra figuras desde la izquierda, conéctalas desde sus puntos y escribe en ellas con doble clic.
- Escribe el Texto alternativo (arriba): lo leen los lectores de pantalla y sale en Word.
- Pulsa Guardar. El diagrama queda en el texto como una imagen nítida.
Para cambiarlo, haz doble clic sobre el diagrama (o selecciónalo con Tab y pulsa Enter). Cancelar no cambia nada; si hiciste cambios, Gantlog pregunta antes de cerrar.
- Lo que dicen las figuras entra en la búsqueda de documentos.
- Cada vez que guardas se crea una imagen nueva: una versión anterior de la página sigue mostrando el diagrama que tenía, y al restaurarla vuelve.
- El diagrama no se edita a la vez entre dos personas. Si otra persona guardó ese diagrama mientras lo editabas, tu versión queda como un diagrama aparte, debajo, y se te avisa: no se pierde nada.
- No dependas solo del color: usa formas distintas (rombo para decidir, óvalo para empezar y terminar) y escribe en cada paso. Puedes cambiar los colores desde Estilo.
- Dentro del editor de draw.io, mover figuras con el teclado es limitado: para eso usa el mouse.
Diagrama Mermaid (texto)
-
Pulsa Diagrama Mermaid. Escribe el diagrama como texto y lo ves dibujado al lado. Por ejemplo:
flowchart TD A([Inicio]) --> B{¿Aprobado?} B -- Sí --> C[Publicar] B -- No --> D[Corregir] -
Pulsa Guardar. En la página se ve dibujado; en Word y al imprimir sale como imagen.
Para cambiarlo, doble clic sobre él. Su texto entra en la búsqueda y en el historial de versiones.
Leer, imprimir y exportar
Al leer, un clic sobre un diagrama de draw.io lo abre en grande (en el celular puedes ampliarlo y desplazarte). Los dos tipos salen en Descargar en Word y en Imprimir o guardar como PDF.