🔀 Mermaid

Diagramma di flusso

Mappa qualsiasi processo, decisione o algoritmo

Apri questo esempio nell’editor Generane uno con l’IA

Che cos’è un Diagramma di flusso?

Un diagramma di flusso mostra i passaggi di un processo e le decisioni tra di essi. È il diagramma più universale: flussi di onboarding, algoritmi, catene di approvazione, guide alla risoluzione dei problemi — se ci sono passaggi e scelte, un diagramma di flusso può mostrarlo.

Esempio dal vivo

Codice 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

Esempio dal vivo

Quando usarlo

Documentare i processi aziendali e i flussi di approvazione

Progettare algoritmi e logica di gestione degli errori prima di scrivere codice

Spiegare risoluzioni dei problemi e alberi decisionali ai team di supporto

Sintassi di base

.mmd

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

Domande su questo diagramma

Quando dovrei usare un diagramma di flusso invece di un diagramma di sequenza?

Usa un diagramma di flusso per la logica di un processo (passaggi e decisioni). Usa un diagramma di sequenza quando più attori o sistemi si scambiano messaggi nel tempo.

L’IA può generare un diagramma di flusso da una descrizione testuale?

Sì — descrivi il processo in linguaggio naturale («l’utente si registra, verifica l’email, poi…») e Mermaid Studio genera il diagramma di flusso completo, pronto da modificare.

Esplora gli altri tipi di diagrammi

💬 Diagramma di sequenza 🧩 Diagramma delle classi 🗄️ Diagramma entità-relazione 🔄 Diagramma degli stati 📅 Diagramma di Gantt 🥧 Grafico a torta 🧠 Mappa mentale 🌿 Grafo Git 🕰️ Linea temporale 🚶 Percorso utente 🎯 Grafico a quadranti

Crea ora il tuo Diagramma di flusso

Descrivilo in linguaggio naturale — l’IA scrive il codice Mermaid per te.

Apri Mermaid Studio