Passer au contenu principal
Acteurs + Messages + Lignes de vie 100% Côté client • Privé

Créez des diagrammes de séquence à versionner en texte

Modélisez les appels API, les flux d’authentification et les échanges système visuellement tout en générant du code Mermaid propre.

Choisissez un modèle de diagramme de séquence.

Participants & Acteurs

0 participants

Messages de séquence

0 lignes

Aperçu de la séquence

Préparation du diagramme…

Privé · rendu local

Aperçu défilable. Utilisez les flèches pour déplacer, Shift+flèche pour aller plus loin et Origine pour revenir en haut à gauche.

Création de votre premier aperçu…

L’aperçu se met à jour lors de l’édition.

Préparation de l’éditeur…

Aperçu agrandi

Aperçu de la séquence

Transformez des interactions en texte Mermaid vérifiable.

Un diagramme de séquence met en évidence l’ordre des messages, les responsabilités et les flux alternatifs.

01

Nommer clairement les lignes de vie

Utilisez des alias stables pour le code et des noms explicites pour les personnes et APIs.

02

Exposer les embranchements clés

Utilisez loop, alt, opt et par lorsque la logique conditionnelle compte pour le lecteur.

03

Suivi de version facile

Le code généré reste compact pour être examiné lors des revues de code.

Modèle de syntaxe

Syntaxe de séquence Mermaid

Déclarez chaque participant une fois, utilisez des flèches pour les messages et structurez les conditions avec des blocs. Consulter la référence de syntaxe de séquence

sequenceDiagram
  actor User
  participant API
  User->>API: Submit request
  alt Valid input
    API-->>User: 200 OK
  else Invalid input
    API-->>User: 400 Bad Request
  end

Générateur gratuit de diagrammes de séquence Mermaid

Ce générateur de diagrammes de séquence gratuit transforme des échanges ordonnés en diagrammes Mermaid clairs et interactifs.

Foire aux questions

Qu’est-ce qu’un diagramme de séquence ?

Un diagramme de séquence montre comment des processus ou acteurs interagissent au fil du temps dans un ordre chronologique précis.

Puis-je utiliser des messages synchrones et asynchrones ?

Oui. Flèches pleines (->>) pour les appels synchrones et flèches pointillées (-->>) pour les réponses.

Les boucles et conditions sont-elles gérées ?

Oui, l’outil prend en charge les blocs loop, alt, opt et par.