Ingresar

Diagramas de flujo y Mermaid

Actualizado el 6 de noviembre de 2026

Dibujar 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)

  1. 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.
  2. Dibuja: arrastra figuras desde la izquierda, conéctalas desde sus puntos y escribe en ellas con doble clic.
  3. Escribe el Texto alternativo (arriba): lo leen los lectores de pantalla y sale en Word.
  4. 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)

  1. 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]
  2. 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.

¿Te sirvió esta página?
Sugerir un cambio