UML-Klassendiagramm online
Klicke auf + Klasse, schreibe den Namen und die Attribute und ziehe sie an ihren Platz. Zum Verbinden nutze Blöcke verbinden und wähle den Typ der Beziehung.
So geht’sKlassen, Attribute und Beziehungen in einer Zeichnung
Verfügbar auf: 
UML-Klassendiagramm online: wofür es gut ist
Schreibe die Klassen mit Attributen und Methoden, markiere die Sichtbarkeit (+, -, #, ~) und verbinde die Klassen mit Assoziation, Vererbung, Komposition, Aggregation oder Abhängigkeit, mit der Multiplizität an jedem Ende. Das Diagramm wird beim Tippen gezeichnet.
Der Code nutzt die offene Syntax von Mermaid, dieselbe, die GitHub, GitLab und Notion zeichnen, sodass du denselben Text in die Projektdokumentation einfügen kannst.
So geht’s
- Schreibe die Klassen mit Attributen und Methoden.
- Verbinde die Klassen mit den Beziehungspfeilen.
- Lade das Diagramm als PNG oder SVG herunter.
Wann nutzen
- Hausarbeit in Systemanalyse.
- Projektdokumentation.
- Die Domäne modellieren, bevor man programmiert.
Häufige Fragen
Wie schreibe ich eine Klasse?
Nutze class Name { } und innerhalb der Klammern eine Zeile pro Attribut oder Methode. Das Zeichen davor zeigt die Sichtbarkeit: + public, - private, # protected und ~ Package. Methoden haben Klammern und können danach den Rückgabetyp haben, wie +total() float.
Wie zeige ich Vererbung, Komposition und Aggregation?
Mit den Pfeilen zwischen den Klassen: A <|-- B ist Vererbung (B erbt von A), A *-- B ist Komposition, A o-- B ist Aggregation, A --> B ist Assoziation und A ..> B ist Abhängigkeit. Für die Multiplizität setze auf beiden Seiten Anführungszeichen, wie Kunde "1" --> "*" Bestellung.
Was ist das für eine Sprache?
Das ist die Syntax von Mermaid, einem offenen Standard für Diagramme per Text, der auch auf GitHub, GitLab und Notion funktioniert. Der Code, den du hier schreibst, lässt sich dort einfügen.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.