8 ejemplos de diagramas de flujo, de lo cotidiano a la empresa

Emily CarterEmily Carter
Hojas impresas con ejemplos de diagramas de flujo sobre una mesa de madera mientras una persona acerca una hoja y otra sostiene una pluma junto a una laptop

Los diagramas de flujo aparecen en tareas de la escuela, manuales de procedimientos, guiones de soporte, procesos de recursos humanos y planes de una app. Aquí tienes ocho ejemplos de diagramas de flujo resueltos, de uno cotidiano a varios de empresa, cada uno con lo que conviene copiar. Después vienen los cinco tipos de diagramas de flujo y cómo se arma un diagrama de procesos con la simbología industrial.

Respuesta directa. Un buen ejemplo de diagrama de flujo tiene un solo inicio y un solo fin, un camino principal recto, de dos a cuatro decisiones de sí o no con sus ramas etiquetadas y menos de quince pasos. Los ejemplos de abajo siguen esa regla: las excepciones salen hacia los lados y regresan al camino principal o terminan en su propio final.

Cómo leer estos ejemplos

Todos usan la misma simbología: óvalos para el inicio y el fin, rectángulos para las acciones, rombos para las decisiones y paralelogramos para datos que entran o salen. Si necesitas repasar cada figura, la guía de cómo hacer un diagrama de flujo tiene la tabla completa de simbología. Los montos están en pesos mexicanos y los nombres de áreas son los de una empresa típica de la región; cámbialos por los de tu proceso.

1. Diagrama de flujo cotidiano: preparar un café

Ejemplo de diagrama de flujo sencillo para preparar un café, con decisiones sobre el café molido y el azúcar

Es el ejemplo de diagrama de flujo sencillo que más piden en la escuela, y funciona porque cualquiera conoce el proceso. Tiene dos decisiones: si no hay café molido aparece un paso extra, y el azúcar es opcional. Fíjate en que las dos ramas regresan al camino principal en lugar de terminar por separado. Otros ejemplos cotidianos con la misma forma: cruzar la calle (¿el semáforo está en verde?), lavarse los dientes o hacer la tarea antes de salir a jugar.

2. Diagrama de flujo en programación: par o impar

Diagrama de flujo de programación que lee un número, evalúa si n mod 2 es igual a 0 y muestra par o impar

El primer algoritmo de casi todos los cursos de programación. Muestra los dos símbolos que separan un diagrama de programa de uno de negocio: el paralelogramo para leer datos y mostrar resultados, y una condición escrita como expresión (n mod 2 = 0). Para llevarlo a pseudocódigo, cada figura se vuelve una línea: Leer n; Si n mod 2 = 0 entonces Mostrar «Par», si no Mostrar «Impar»; Fin.

flowchart TD
  A([Inicio]) --> B[/Leer número n/]
  B --> C{¿n mod 2 = 0?}
  C -- Sí --> D[/Mostrar "Par"/]
  C -- No --> E[/Mostrar "Impar"/]
  D --> F([Fin])
  E --> F

3. Diagrama de proceso: pedido de una tienda en línea

Diagrama de flujo del proceso de un pedido en línea con validación de pago, existencias, surtido, guía de envío y rastreo

Este diagrama de flujo de proceso sigue un pedido desde que llega hasta que se entrega. Tiene un ciclo (si el pago falla, se le pide al cliente que lo actualice y se vuelve a validar) y una excepción que se junta otra vez con el camino principal (enviar en partes o apartar lo que falta). Es una buena base para el manual de procedimientos de un almacén o de una tienda en Mercado Libre, Amazon o Shopify.

4. Diagrama de flujo de una devolución

Diagrama de flujo de devolución y reembolso con decisiones sobre los 30 días, la revisión del producto y montos mayores a 3,000 pesos

Con tres decisiones, un ciclo y un final claro, este es uno de los mejores ejemplos para enseñar a un equipo de atención a clientes. Lo que vale la pena copiar: el monto que necesita aprobación de la gerencia está escrito en el rombo, y la rama de «fuera de plazo» ofrece una alternativa en lugar de cerrar la conversación.

flowchart TD
  A([El cliente pide reembolso]) --> B{¿Dentro de 30 días de la entrega?}
  B -- No --> C[Ofrecer saldo a favor o reparación]
  B -- Sí --> D{¿Producto devuelto y revisado?}
  D -- No --> E[Enviar guía de devolución prepagada]
  E --> D
  D -- Sí --> F{¿Más de $3,000?}
  F -- Sí --> G[Aprueba la gerencia]
  F -- No --> H[Reembolsar al método de pago original]
  G --> H
  H --> I([Avisar al cliente])
  C --> I

5. Diagrama de flujo de recursos humanos: alta de un empleado

Diagrama de flujo de alta de un nuevo empleado desde la oferta aceptada hasta la revisión de 30 días

Un proceso largo con una sola decisión, que muestra cómo un diagrama de flujo de empresa puede ser casi lineal. La decisión cubre el problema que más se repite el primer día: que el equipo de cómputo no esté listo. Cuando varias áreas participan (RR. HH., Sistemas, el jefe directo), este diagrama se convierte fácilmente en uno de carriles, con una columna por área.

6. Diagrama de flujo de atención a clientes

Diagrama de flujo de escalamiento de atención a clientes con nivel 1, nivel 2 e ingeniería de guardia

El escalamiento por niveles es el diagrama que más se consulta en un equipo de soporte. La regla de las 24 horas está escrita en la decisión, así que nadie tiene que preguntar cuándo escalar, y los dos caminos terminan en el mismo cierre con encuesta.

7. Árbol de decisión: ¿qué tipo de envío?

Árbol de decisión para elegir el tipo de envío según el monto de la compra, el destino y el peso del paquete

Un árbol de decisión es un diagrama de flujo hecho solo de preguntas y resultados: se abre desde una pregunta y cada rama termina en una respuesta. Funciona para reglas de negocio que alguien aplica muchas veces al día, como elegir la paquetería o el descuento que corresponde.

8. Diagrama de flujo de soporte técnico: falla de wifi

Diagrama de flujo de soporte técnico para una laptop que no se conecta al wifi, con reinicio del módem y ticket de ayuda

Los diagramas de solución de problemas ordenan las pruebas de la más sencilla a la más complicada. Este empieza por lo obvio (¿el wifi está encendido?), separa una falla del equipo de una falla de la red y termina en un ticket con el mensaje de error, que es lo primero que va a pedir el área de sistemas.

Los 5 tipos de diagramas de flujo

Por su uso, estos son los cinco tipos de diagramas de flujo que más se usan:

TipoQué muestraEjemplo de esta página
De procesosLos pasos y decisiones de un proceso de principio a finPedido en línea, devolución
De flujo de trabajoCómo pasa el trabajo entre personas y aprobacionesAlta de un empleado
De flujo de datosCómo entra, se transforma y se guarda la informaciónEl pedido en línea visto como datos: pago, existencias y rastreo
De carriles o multifuncionalQuién hace cada paso, con una columna por áreaAlta de un empleado por áreas
De programa o algoritmoLa lógica de un programa: datos, cálculos y condicionesPar o impar

En muchos libros de texto de México también se clasifican por su forma. El vertical va de arriba hacia abajo y es el más común. El horizontal va de izquierda a derecha. El panorámico muestra en una sola carta el proceso entero con varias acciones al mismo tiempo, y el arquitectónico dibuja el recorrido de una persona o un material sobre el plano de un lugar.

Diagrama de procesos: la versión industrial

En ingeniería industrial, el diagrama de flujo de proceso tiene su propia simbología, la de la ASME, que clasifica cada actividad en cinco tipos y anota su tiempo y su distancia. Se usa para encontrar esperas, traslados y revisiones que se pueden eliminar en una línea de producción.

Símbolo ASMEFiguraActividad
OperaciónCírculoSe transforma el material: moler, empacar, ensamblar
TransporteFlechaSe mueve de un lugar a otro
InspecciónCuadradoSe revisa calidad o cantidad
DemoraFigura en forma de DEspera antes del siguiente paso
AlmacenamientoTriángulo invertidoSe guarda en bodega

Un ejemplo corto, el empaque de café en grano: recibir costales (transporte), revisar humedad (inspección), tostar (operación), enfriar (demora), moler y empacar (operación), llevar a bodega (transporte) y almacenar (almacenamiento). Al sumar los tiempos de cada fila se ve de inmediato qué parte del proceso detiene a las demás.

Convierte cualquier ejemplo en tu propio diagrama editable

Playyy convierte código Mermaid o la descripción escrita de un proceso en un diagrama de flujo editable, con formas, texto y conectores reales. Pega cualquiera de los bloques de código de arriba en el generador de diagramas de flujo con IA, o describe tu proceso en unas frases, y el diagrama aparece en un lienzo donde cada etiqueta se reescribe y cada caja se arrastra con sus flechas unidas.

  1. Elige el ejemplo más parecido a tu proceso.
  2. Cambia los textos por tus pasos, tus áreas y tus montos.
  3. Pégalo en Playyy y ajusta colores, espaciado y fuentes en el lienzo.
  4. Descárgalo en PNG o PDF para tu manual, tu presentación o tu tarea.

Los diagramas que ya tienes en draw.io o Excalidraw también se importan: las cajas, rombos, óvalos, etiquetas y conectores rectos pasan tal cual, y los carriles y formas personalizadas llegan como rectángulos para que los acomodes. Puedes empezar gratis, con créditos de bonificación que se renuevan cada día.

Conclusión

Los mejores ejemplos de diagramas de flujo comparten tres hábitos: un inicio y un fin claros, un camino principal recto con las excepciones a los lados y una respuesta escrita en cada decisión. Elige el ejemplo más cercano a tu proceso, cambia sus textos y revisa cada camino con las personas que hacen el trabajo. Si tu proceso es industrial, pásalo después a la simbología ASME para medir tiempos y distancias.

Emily Carter

Emily Carter

Ayudo a equipos de marketing de empresas SaaS en fase temprana y a marcas que venden directo al consumidor a producir más material de campaña sin perder coherencia de marca. Me centro en flujos de trabajo prácticos: desde probar creatividades en redes de pago hasta iterar sobre lo que funciona.

Preguntas frecuentes

Un diagrama de flujo es la representación gráfica de un proceso, donde cada paso es una figura y las flechas marcan el orden. Ejemplos comunes: preparar un café, decidir si un número es par o impar, procesar un pedido en línea, aprobar una devolución, dar de alta a un empleado o resolver una falla de wifi.

Sigue leyendo

Crea imágenes de marca impecables en minutos

Mantén todas tus imágenes alineadas con la marca, controla el resultado final y convierte cualquier idea de campaña en material listo para publicar, sin esperar otro ciclo de diseño.