Creador de Diagramas de Estado con IA
Modela en qué estado está tu sistema en cada momento: estados, transiciones, guardas y eventos. BPMN te dice qué hace; un diagrama de estado te dice qué es.
Free forever · no signup · no credit card · unlimited diagrams
Los diagramas de estado (diagramas de máquina de estados UML) capturan cada posible condición de un sistema u objeto y los eventos que lo mueven de un estado a otro. FreeDiagram genera diagramas de estado claros y precisos a partir de descripciones en lenguaje natural, sin necesidad de herramientas UML.
Cómo hacer un diagrama de estado
Enumera los estados de tu sistema
Empieza con una frase en español sencillo: nombra el objeto (un pedido, una sesión de usuario, un dispositivo) y enumera los estados por los que pasa. Incluye estados terminales como entregado o cancelado.
Genera el diagrama de estado
Haz clic en Generar y FreeDiagram produce un diagrama de máquina de estados UML con pseudoestado inicial, cajas de estado con la forma correcta y flechas de transición etiquetadas.
Añade guardas y acciones
Refina con prompts adicionales: añade una condición de guarda ('solo si pago confirmado'), una acción de entrada o un estado compuesto que anide subestados.
Exporta para documentación o implementación
Descarga como SVG o PNG para documentos de diseño, o copia el código Mermaid para pegarlo directamente en GitHub, Notion o tu wiki.
Acerca de los diagramas de estado
Un diagrama de estado (formalmente un Diagrama de Máquina de Estados UML) modela el comportamiento dinámico de un objeto o sistema enumerando cada estado que puede ocupar y cada evento o condición que provoca una transición. La diferencia clave con un diagrama de flujo o BPMN es el enfoque: un diagrama de estado responde '¿en qué estado está el sistema ahora?' en lugar de '¿qué pasos sigue el proceso?'.
La notación UML utiliza rectángulos redondeados para los estados, un círculo relleno para el pseudoestado inicial, una diana para el estado final y flechas etiquetadas para las transiciones. Las transiciones pueden llevar una condición de guarda entre corchetes y una acción después de una barra, por ejemplo: 'pagoRecibido [monto >= total] / confirmarPedido'. Los estados compuestos agrupan subestados relacionados y permiten transiciones compartidas, esencial para modelar ciclos de vida complejos sin duplicación.
Los ingenieros de software usan diagramas de estado para ciclos de vida de pedidos y reservas, estados de componentes de UI (cargando, inactivo, error, éxito), diseño de protocolos de red y firmware embebido donde cada estado debe manejarse explícitamente. Los desarrolladores de sistemas embebidos encuentran los diagramas de estado indispensables porque un estado no modelado es una ruta de código no probada.
FreeDiagram convierte una descripción en lenguaje natural en una máquina de estados UML bien estructurada. No necesitas recordar reglas de notación: describe el comportamiento y el diagrama se genera. Usa la salida en documentos técnicos, revisiones de código o como referencia al implementar una máquina de estados en XState, Redux o cualquier biblioteca FSM.
Frequently asked questions
¿Para qué sirve un diagrama de estado?
Los diagramas de estado modelan el ciclo de vida de un objeto o sistema: cada condición posible y cada evento que provoca una transición. Se usan en pedidos de e-commerce, sesiones de usuario, estados de componentes de UI, protocolos de red y firmware de dispositivos embebidos.
¿Cuál es la diferencia entre un diagrama de estado y un diagrama de flujo?
Un diagrama de flujo modela un proceso (secuencia de pasos); un diagrama de estado modela un objeto (el conjunto de estados que puede ocupar). Los flujos responden '¿qué sigue?'; los estados responden '¿en qué estado está el sistema ahora?'. Usa un diagrama de estado cuando el mismo evento tenga efectos distintos según el estado actual.
¿Qué es una condición de guarda en un diagrama de estado?
Una condición de guarda es una expresión booleana que debe cumplirse para que una transición se active. Se escribe entre corchetes en la flecha de transición, por ejemplo: 'pagoRecibido [saldo >= total]'. Las guardas permiten modelar transiciones condicionales sin añadir estados adicionales.
¿Puedo modelar estados compuestos con subestados anidados?
Sí. Describe el anidamiento en tu prompt, por ejemplo: 'el estado Procesando contiene los subestados Preparación, Empaque y Etiquetado'. FreeDiagram generará un estado compuesto con los subestados dentro y una transición compartida hacia fuera.
¿El resultado sigue los estándares UML?
Sí. FreeDiagram utiliza notación UML de Máquina de Estados: pseudoestado inicial (círculo relleno), estados (rectángulos redondeados), estado final (diana) y flechas de transición etiquetadas. El resultado es compatible con estándares de documentación de arquitectura de software y diseño de sistemas.