Generatore di diagrammi UML
Documenta i modelli di oggetti come testo. Scrivi diagrammi di classe Mermaid — campi, metodi, eredità, interfacce e composizione — e guardali visualizzarsi dal vivo. Tutto rimane sul tuo dispositivo.
Un passo per riga. Rientra di due spazi per ramificare sotto la riga precedente.
Modela il design, non i pixel
Un diagramma di classe cattura la forma del tuo codice: quali classi esistono, cosa possiedono e come si relazionano. La notazione di Mermaid mappa direttamente ai concetti OOP — "<|--" per l'eredità, "<|.." per implementare un'interfaccia, "*--" per la composizione e "o--" per l'aggregazione — quindi il diagramma legge come la discussione di design che l'ha prodotto.
Mantenerlo come testo significa che sopravvive ai refactoring: quando rinomini una classe, modifichi una riga invece di ridisegnare una tela.
Ottimo per onboarding e RFC
Rilascia un diagramma di classe in una RFC di design per mostrare la struttura proposta, o nel docs di un repo per aiutare i nuovi contributori a trovare la strada. I marcatori di visibilità (+/-) e gli stereotipi come «interface» comunicano l'intenzione senza una marea di prosa.
Tipi di diagramma
Domande frequenti
Come creo un diagramma di classe UML dal testo?
Inizia con "classDiagram", definisci ogni classe con i suoi campi e metodi tra parentesi graffe, quindi aggiungi relazioni come "Animal <|-- Dog". Si visualizza in tempo reale ed esporta in SVG o PNG.
Come mostro eredità rispetto a interfacce?
Usa "A <|-- B" quando B estende la classe A, e "A <|.. B" quando B implementa l'interfaccia A. Contrassegna le interfacce con lo stereotipo "<<interface>>" all'interno della classe.
Come contrassegno i membri pubblici e privati?
Prefissa un membro con "+" per pubblico o "-" per privato, ad esempio "+charge(amount) bool" o "-PaymentMethod metodo".
Mermaid supporta altri diagrammi UML?
Sì — oltre ai diagrammi di classe visualizza diagrammi di sequenza e di stato, che insieme coprono la maggior parte delle esigenze quotidiane UML. Questa pagina si concentra sui diagrammi di classe.
Viene caricato qualcosa?
No. Il diagramma viene generato nel tuo browser, quindi i nomi delle classi e dei metodi rimangono sul tuo dispositivo.