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.
One step per line. Indent two spaces to branch beneath the line above.
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.
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.