◯ Gratis: 5 utilizzi/giorno • Si azzera tra 16h 54m
Affari e Produttività

Da testo a diagramma

Descriva un processo, una comunicazione tra sistemi o un argomento a parole ed ottenga un diagramma di flusso, un diagramma di sequenza o una mappa concettuale: anteprima in tempo reale, codice Mermaid modificabile ed esportazione in SVG o PNG per documenti e presentazioni.

Scopri di più

Da testo a diagramma trasforma una descrizione in un diagramma pronto all'uso. Spieghi come si svolge un processo, come comunicano tra loro un cliente, un'app e un fornitore di pagamenti, oppure le idee attorno a un argomento, e scelga un diagramma di flusso, un diagramma di sequenza o una mappa concettuale (o lasci scegliere allo strumento). Il risultato viene generato direttamente nella pagina a partire dal codice Mermaid, il formato di testo aperto supportato nativamente da GitHub, GitLab, Notion e molti wiki. Modifichi il codice e l'anteprima si aggiornerà all'istante; scarichi il diagramma in formato SVG per documenti e siti web, o in PNG per presentazioni e chat. Il diagramma mostra solo ciò che ha descritto, e le note sottostanti segnalano eventuali presupposti o elementi tralasciati.

0 / 6000

Gratis: 5 utilizzi al giorno, senza registrazione

Piccole imprese

Ordine online con controllo disponibilità

Documentare il processo di evasione ordini per i nuovi assunti

Mostra anteprima di input e output

Input

Descriva il processo, la conversazione o l'argomento
Un cliente effettua un ordine nel negozio online. Verifichiamo se tutti gli articoli sono disponibili a magazzino. Se sì, imballiamo il pacco, lo affidiamo al corriere in giornata e inviamo via email il codice di tracciamento. In caso contrario, inviamo un'email al cliente offrendo la scelta tra il rimborso o la spedizione non appena l'articolo tornerà disponibile; il rimborso viene emesso entro 3 giorni.
Tipo di diagramma
Diagramma di flusso (passaggi e decisioni)
Direzione del diagramma di flusso
Dall'alto verso il basso

Output (estratto)

```mermaid
flowchart TD
  A(["Ordine effettuato"]) --> B{"Tutti gli articoli disponibili?"}
  B -->|"sì"| C["Imballa il pacco"]
  C --> D["Consegna al corriere lo stesso giorno"]
  D --> E["Invia codice di tracciamento via email"]
  B -->|"no"| F["Invia email al cliente"]
  F --> G{"Rimborso o attesa?"}
  G -->|"rimborso"| H["Emetti il rimborso entro 3 giorni"]
  G -->|"attesa"| I["Consegna non appena disponibile"]
```
…
Sviluppatori

Pagamento con carta tra app, negozio e banca

Spiegare un flusso di pagamento in un documento di specifica tecnica

Mostra anteprima di input e output

Input

Descriva il processo, la conversazione o l'argomento
Il cliente tocca Paga nell'app dello shop. L'app chiede al server del negozio di creare un pagamento. Il server contatta il fornitore dei pagamenti, che richiede l'autorizzazione alla banca del cliente. La banca risponde con esito positivo o negativo; il fornitore inoltra la risposta al server, che a sua volta indica all'app di mostrare una conferma o un messaggio di errore.
Tipo di diagramma
Diagramma di sequenza (chi comunica con chi)
Direzione del diagramma di flusso
Dall'alto verso il basso

Output (estratto)

```mermaid
sequenceDiagram
  participant A as App del negozio
  participant S as Server del negozio
  participant P as Fornitore pagamenti
  participant B as Banca
  A->>S: Crea pagamento
  S->>P: Addebita la carta
  P->>B: Richiedi autorizzazione
  alt autorizzato
    B-->>P: Approvato
    P-->>S: Pagamento riuscito
    S-->>A: Mostra conferma
  else rifiutato
…

I risultati di Da testo a diagramma appariranno qui

Aspettati un report strutturato con titoli, elenchi puntati e prossimi passi attuabili.

Come usare Da testo a diagramma

  1. Descriva i passaggi, le decisioni e chi fa cosa, nell'ordine in cui avvengono. Delle frasi semplici funzionano al meglio.
  2. Scelga il tipo di diagramma o lasci fare allo strumento: diagramma di flusso per passaggi e decisioni, diagramma di sequenza per i messaggi tra persone o sistemi, mappa concettuale per idee attorno a un argomento.
  3. Generi il diagramma. Verrà disegnato sotto il risultato, con il codice Mermaid visualizzato a fianco.
  4. Se desidera, corregga un'etichetta nel codice; l'anteprima si ridisegna subito. Scarichi il file in SVG o PNG, oppure copi il codice su GitHub, GitLab, Notion o sul Suo wiki.

Casi d'uso

1

Documentare un ordine, un'approvazione o un processo di onboarding per il wiki del team

2

Illustrare come un'app, un'API e un fornitore di pagamenti si scambiano messaggi

3

Trasformare gli appunti di una riunione in una mappa concettuale di argomenti e responsabili

4

Aggiungere un diagramma di flusso chiaro e pulito a una presentazione o a una proposta

5

Conservare i diagrammi sotto forma di testo in un repository per facilitare revisioni e controllo versione

Consigli per i migliori risultati

  • Formuli ogni decisione come una domanda: "L'articolo è disponibile?" diventa un rombo con i rami sì e no.
  • Per i diagrammi di sequenza, indichi prima i partecipanti: "Cliente, App dello shop, Fornitore pagamenti".
  • I processi lunghi si leggono meglio da sinistra a destra nelle slide e dall'alto verso il basso nei documenti.
  • Il codice Mermaid è testo normale: lo incolli in un file Markdown su GitHub o GitLab e verrà renderizzato anche lì.

Domande frequenti

Cos'è Mermaid?

Mermaid è un formato di testo aperto per generare diagrammi. GitHub, GitLab, Notion, Obsidian e molti strumenti di documentazione lo supportano automaticamente, quindi il codice generato continuerà a funzionare anche altrove.

Posso modificare il diagramma?

Sì. Modifichi il codice Mermaid sotto l'anteprima e il diagramma si ridisegnerà mentre digita. Etichette, frecce e direzione sono interamente in testo semplice.

Quali formati posso scaricare?

In formato SVG, che rimane nitido a qualsiasi dimensione ed è perfetto per documenti e siti web, e in PNG per presentazioni, chat ed e-mail.

Cosa succede se il diagramma non viene visualizzato?

La pagina mostra l'errore di Mermaid sotto il codice, consentendo di correggere la riga indicata (di solito si tratta di un carattere particolare all'interno di un'etichetta). Può essere utile anche rilanciare lo strumento; le istruzioni richiedono codice compatibile direttamente con Mermaid 11.

Verranno aggiunti passaggi non descritti?

No. Il diagramma mostra esclusivamente ciò che ha scritto. Eventuali presupposti e punti mancanti sono elencati nella sezione Note, così da poter completare la descrizione e generarlo di nuovo.

🔒
La tua privacy è protetta

Conserviamo il tuo input e il risultato per un massimo di 90 giorni per far funzionare il servizio, prevenire gli abusi e, se hai effettuato l'accesso, mostrarti la cronologia. Vengono elaborati dai fornitori di IA elencati nella nostra Informativa sulla privacy. Non li vendiamo.

Esperienze e consigli

Come ti è sembrato questo strumento? Condividi la tua esperienza o un consiglio con gli altri.

I commenti vengono controllati da un’IA e approvati da una persona prima della pubblicazione. Al massimo un link.

Possono commentare i membri che hanno effettuato l’accesso. La tua bozza resta salvata mentre accedi. Accedi · Crea un account gratuito

Condividi per primo la tua esperienza.

Regole della discussione
  • Condividi la tua esperienza, consigli e domande sullo strumento. Le critiche sono benvenute.
  • Niente spam, pubblicità o autopromozione. Al massimo un link; i link sono contrassegnati come nofollow.
  • Sii rispettoso: niente insulti, odio o molestie.
  • Non pubblicare dati personali, né tuoi né di altri.
  • I commenti vengono controllati da un’IA e approvati da una persona prima della pubblicazione. Rimuoviamo i commenti che violano queste regole o la legge.
  • Segnala contenuti illegali o inappropriati con il pulsante «Segnala» (segnalazione ai sensi del regolamento UE sui servizi digitali). Esaminiamo ogni segnalazione senza indebito ritardo. Contatto: [email protected]
  • Puoi modificare o eliminare i tuoi commenti in qualsiasi momento. Sono inclusi nell’esportazione e nella cancellazione dei tuoi dati personali.

Strumenti correlati

Prova questo agente

Kit Business FreelancerVinci più clienti in un unico workflow: elevator pitch, proposta di progetto, email di contatto e…Prova questo agente →

Workflow correlato

Developer DocsCode to documentationAvvia workflow →

Leggi di più