Générateur de diagrammes UML
Documentez les modèles d'objets en texte. Écrivez des diagrammes de classes UML — champs, méthodes, héritage, interfaces et composition — et regardez-les s'afficher en direct. Tout reste sur votre appareil.
One step per line. Indent two spaces to branch beneath the line above.
Modélisez la conception, pas les pixels
Un diagramme de classes capture la forme de votre code : quelles classes existent, ce qu'elles possèdent, et comment elles se rapportent. La notation de Mermaid correspond directement aux concepts POO — « <|-- » pour l'héritage, « <|.. » pour implémenter une interface, « *-- » pour la composition et « o-- » pour l'agrégation — donc le diagramme se lit comme la discussion de conception qui l'a produit.
Le garder en texte signifie qu'il survive aux refactorisations : quand vous renommez une classe, vous éditez une ligne au lieu de redessiner un canevas.
Idéal pour l'onboarding et les RFC
Déposez un diagramme de classes dans une RFC de conception pour montrer la structure proposée, ou dans la doc d'un dépôt pour aider les nouveaux contributeurs à trouver leur chemin. Les marqueurs de visibilité (+/-) et les stéréotypes comme «interface» communiquent l'intention sans un mur de prose.
Questions fréquemment posées
Comment créer un diagramme de classes UML à partir de texte ?
Commencez par « classDiagram », définissez chaque classe avec ses champs et méthodes entre accolades, puis ajoutez des relations comme « Animal <|-- Dog ». Il s'affiche en direct et exporte en SVG ou PNG.
Comment montrer l'héritage vs les interfaces ?
Utilisez « A <|-- B » quand B étend la classe A, et « A <|.. B » quand B implémente l'interface A. Marquez les interfaces avec le stéréotype « <<interface>> » dans la classe.
Comment marquer les membres publics et privés ?
Préfixez un membre avec « + » pour public ou « - » pour privé, par exemple « +charge(amount) bool » ou « -PaymentMethod method ».
Mermaid supporte-t-il d'autres diagrammes UML ?
Oui — en plus des diagrammes de classes, il affiche les diagrammes de séquence et d'états, qui ensemble couvrent la plupart des besoins UML quotidiens. Cette page se concentre sur les diagrammes de classes.
Quelque chose est-il envoyé ?
Non. Le diagramme est généré dans votre navigateur, donc vos noms de classes et de méthodes restent sur votre appareil.