Créateur de diagramme d'état IA gratuit
Modélisez ce que votre système EST à tout moment — états, transitions, gardes et événements. BPMN vous dit ce qu'il fait ; un diagramme d'état vous dit ce qu'il est.
Free forever · no signup · no credit card · unlimited diagrams
Les diagrammes d'état (diagrammes de machine d'état UML) capturent chaque condition possible d'un système ou d'un objet et les événements qui le font passer d'un état à un autre. FreeDiagram génère des diagrammes d'état clairs et précis à partir de descriptions en langage naturel — aucun outil UML requis.
Comment créer un diagramme d'état
Listez les états possibles de votre système
Commencez par une phrase en français simple : nommez l'objet (une commande, une session utilisateur, un appareil) et listez les états par lesquels il passe. Incluez les états terminaux comme livré ou annulé.
Générez le diagramme d'état
Cliquez sur Générer et FreeDiagram produit un diagramme de machine d'état UML avec un pseudo-état initial, des boîtes d'état correctement formées et des flèches de transition étiquetées.
Ajoutez des gardes et des actions
Affinez avec des instructions supplémentaires — ajoutez une condition de garde ('uniquement si paiement confirmé'), une action d'entrée ou un état composite qui imbrique des sous-états.
Exportez pour la documentation ou l'implémentation
Téléchargez en SVG ou PNG pour les documents de conception, ou copiez le source Mermaid pour le coller directement dans GitHub, Notion ou votre wiki.
À propos des diagrammes d'état
Un diagramme d'état (formellement un diagramme de machine d'état UML) modélise le comportement dynamique d'un objet ou d'un système en énumérant chaque état qu'il peut occuper et chaque événement ou condition qui déclenche une transition. La distinction clé avec un organigramme ou un diagramme BPMN est l'accent : un diagramme d'état répond à la question « qu'est-ce que le système maintenant ? » plutôt que « quelles sont les étapes du processus ? ».
La notation UML utilise des rectangles arrondis pour les états, un cercle plein pour le pseudo-état initial, une cible pour l'état final et des flèches étiquetées pour les transitions. Les transitions peuvent comporter une condition de garde entre crochets et une action après une barre oblique — par exemple, « paiementReçu [montant >= total] / confirmerCommande ». Les états composites regroupent des sous-états connexes et permettent des transitions partagées, ce qui est essentiel pour modéliser des cycles de vie complexes sans duplication.
Les ingénieurs logiciels utilisent les diagrammes d'état pour les cycles de vie des commandes et des réservations, les états des composants d'interface utilisateur (chargement, inactif, erreur, succès), la conception de protocoles réseau et le firmware embarqué où chaque état doit être explicitement géré. Les développeurs de systèmes embarqués trouvent les diagrammes d'état indispensables car un état non modélisé est un chemin de code non testé.
FreeDiagram convertit une description en langage naturel en une machine d'état UML correctement structurée. Vous n'avez pas besoin de mémoriser les règles de notation — décrivez le comportement et le diagramme suit. Utilisez la sortie dans les documents de conception technique, les revues de code ou comme référence lors de l'implémentation d'une machine d'état dans XState, Redux ou toute bibliothèque FSM.
Frequently asked questions
À quoi sert un diagramme d'état ?
Les diagrammes d'état modélisent le cycle de vie d'un objet ou d'un système — chaque condition dans laquelle il peut se trouver et chaque événement qui le fait passer d'une condition à une autre. Les utilisations courantes incluent le statut des commandes e-commerce, la gestion des sessions utilisateur, les états des composants d'interface utilisateur, les protocoles réseau et le firmware des appareils embarqués.
Quelle est la différence entre un diagramme d'état et un organigramme ?
Un organigramme modélise un processus — une séquence d'étapes. Un diagramme d'état modélise un objet — l'ensemble des conditions qu'il peut occuper. Les organigrammes répondent à « quelle est la prochaine étape ? » ; les diagrammes d'état répondent à « quel est l'état du système maintenant ? ». Utilisez un diagramme d'état lorsque le même événement peut avoir des effets différents selon l'état actuel.
Qu'est-ce qu'une condition de garde dans un diagramme d'état ?
Une condition de garde est une expression booléenne qui doit être vraie pour qu'une transition se déclenche. Elle est écrite entre crochets sur la flèche de transition — par exemple, « paiementReçu [solde >= total] ». Les gardes permettent de modéliser des transitions conditionnelles sans ajouter d'états supplémentaires.
Puis-je modéliser des états composites avec des sous-états imbriqués ?
Oui. Décrivez l'imbrication dans votre instruction — par exemple, « l'état Traitement contient les sous-états Préparation, Emballage et Étiquetage ». FreeDiagram rendra un état composite avec les sous-états à l'intérieur et une transition partagée vers l'extérieur.
Le résultat suit-il les normes UML ?
Oui. FreeDiagram utilise la notation UML State Machine — pseudo-état initial (cercle plein), états (rectangles arrondis), état final (cible) et flèches de transition étiquetées. La sortie est compatible avec les normes de documentation utilisées en architecture logicielle et en conception de systèmes.