Vai al contenuto principale
LibraTool logoLibraTool

Editor Diagrammi Mermaid gratis

Scrivi diagrammi di flusso, sequenza, Gantt e altro in sintassi Mermaid con anteprima live. Esporta come SVG o PNG. Funziona interamente nel tuo browser.

💡 Scrivi diagrammi con la sintassi Mermaid — diagrammi di flusso, di sequenza, di Gantt, delle classi e altro ancora — ed esportali come SVG o PNG. Tutto gira nel tuo browser: il testo del diagramma non viene mai caricato online e il motore di rendering Mermaid è servito da questo sito, non da una CDN di terze parti.

Usi comuni

  • Crea un diagramma di flussoCrea un diagramma di flusso da testo ed esportalo come immagine.
  • Disegna un diagramma di sequenzaRappresenta graficamente come sistemi o persone interagiscono nel tempo.
  • Aggiungi un diagramma a un READMECrea diagrammi che GitHub esegue nativamente nel tuo README.
  • Costruisci un diagramma di GanttConfigura una cronologia del progetto come diagramma di Gantt da testo.
  • Crea un diagramma di classeRappresenta graficamente le classi e le loro relazioni per la progettazione del software.

Come funziona

Mermaid ti consente di scrivere diagrammi come testo e farli renderizzare automaticamente — ottimo per mantenere i diagrammi nel controllo di versione. Questo è un editor live che renderizza mentre digiti.

  1. 1
    Il motore Mermaid si carica
    La libreria Mermaid si carica da LibraTool la prima volta che usi lo strumento, poi il browser la mette in cache.
  2. 2
    Scrivi codice diagramma
    Diagrammi di flusso, diagrammi di sequenza, grafici Gantt, diagrammi di classe, grafici a torta e altro — utilizzando la sintassi del testo Mermaid.
  3. 3
    Renderizza in diretta
    Il tuo codice viene analizzato e renderizzato in un SVG nel tuo browser mentre digiti, con temi chiari e scuri.
  4. 4
    Esporta SVG o PNG
    Scarica il diagramma come SVG scalabile o PNG 2× per inserire in documenti, diapositive o un README.

Il tuo codice diagramma — che potrebbe descrivere sistemi interni — viene renderizzato interamente nel tuo browser e non è mai caricato.

Strumenti correlati

📝

Editor Markdown

Scrivi e visualizza Markdown in tempo reale. Supporta intestazioni, grassetto, corsivo, blocchi di codice, tabelle ed elenchi.

Prova
🟦

Generatore CSS Grid

Progetta visivamente una griglia CSS — tracce, unità e spazi — e copia il CSS e HTML generati.

Prova
🌳

Generatore Albero ASCII

Trasforma un elenco indentato in un albero di cartelle pulito (├── └──) per README e documentazione. Output Unicode o ASCII semplice. Funziona interamente nel tuo browser.

Prova

Domande frequenti