🔀 Mermaid

Diagrama de flujo

Mapea cualquier proceso, decisión o algoritmo

Abrir este ejemplo en el editor Generar uno con IA

¿Qué es un Diagrama de flujo?

Un diagrama de flujo muestra los pasos de un proceso y las decisiones entre ellos. Es el diagrama más universal: flujos de onboarding, algoritmos, cadenas de aprobación, guías de resolución de problemas — si tiene pasos y elecciones, un diagrama de flujo puede mostrarlo.

Ejemplo en directo

Código Mermaid

flowchart TD
    A([Start]) --> B{Payment valid?}
    B -->|Yes| C[Reserve stock]
    B -->|No| D[Show error]
    C --> E{In stock?}
    E -->|Yes| F[Confirm order]
    E -->|No| G[Notify customer]
    F --> H([Done])
    D --> H
    G --> H

Ejemplo en directo

Cuándo usarlo

Documentar procesos de negocio y flujos de aprobación

Diseñar algoritmos y lógica de gestión de errores antes de programar

Explicar resoluciones de problemas y árboles de decisión a los equipos de soporte

Sintaxis básica

.mmd

flowchart TD
    A[Rectangle] --> B{Decision}
    B -->|Yes| C([Rounded])
    B -->|No| D[(Database)]

Preguntas sobre este diagrama

¿Cuándo debo usar un diagrama de flujo en lugar de un diagrama de secuencia?

Usa un diagrama de flujo para la lógica de un proceso (pasos y decisiones). Usa un diagrama de secuencia cuando varios actores o sistemas intercambian mensajes a lo largo del tiempo.

¿Puede la IA generar un diagrama de flujo a partir de una descripción en texto?

Sí — describe el proceso en lenguaje natural («el usuario se registra, verifica su correo, luego…») y Mermaid Studio genera el diagrama de flujo completo, listo para editar.

Explora otros tipos de diagramas

💬 Diagrama de secuencia 🧩 Diagrama de clases 🗄️ Diagrama entidad-relación 🔄 Diagrama de estados 📅 Diagrama de Gantt 🥧 Gráfico circular 🧠 Mapa mental 🌿 Grafo Git 🕰️ Línea de tiempo 🚶 Recorrido del usuario 🎯 Gráfico de cuadrantes

Crea tu Diagrama de flujo ahora

Descríbelo en lenguaje natural — la IA escribe el código Mermaid por ti.

Abrir Mermaid Studio