Diagrama de estados online (máquina de estados)
Agrega los estados, arrástralos a su lugar y únelos con Unir bloques. Haz clic en una transición para escribir el evento.
Cómo usarLos estados y lo que hace pasar de uno a otro
Disponible en: 
Diagrama de estados online (máquina de estados): para qué sirve
Escribe las transiciones entre los estados, una por línea, con el evento que provoca el cambio después de los dos puntos. El estado inicial y el final se marcan con [*], y los nombres con espacios se declaran una vez con state.
El dibujo muestra el camino de un pedido, de un ticket o de una pantalla y ayuda a ver casos olvidados. Descárgalo en PNG o SVG.
Cómo usar
- Escribe las transiciones entre los estados.
- Pon el evento de cada transición.
- Descarga el diagrama en PNG o SVG.
Cuándo usar
- Estados de pedido de tienda online.
- Flujo de aprobación de documentos.
- Modelado de sistemas en la universidad.
Preguntas frecuentes
¿Cómo escribo una transición?
Estado1 --> Estado2 : evento. [*] marca el inicio (cuando va antes de la flecha) y el fin (cuando va después). Para un nombre con espacios, decláralo antes: state "En preparación" as preparacion, y usa preparacion en las flechas.
¿Qué es un diagrama de estados?
Es el dibujo de los estados por los que pasa algo, como un pedido, un ticket o una pantalla, y de los eventos que llevan de un estado a otro. Ayuda a no olvidar casos, como cancelar un pedido que ya se envió.
¿Puedo agrupar estados?
Sí. Usa state Nombre { ... } con las transiciones internas dentro de las llaves, para un estado compuesto. Para una elección, declara state decision <<choice>> y sal de él con una flecha para cada camino.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.