Generador de Diagrama de estados online
Crea un Diagrama de estados online y gratis. Renderizado en vivo con sintaxis Mermaid, exportable a PNG y SVG, sin registro.
Vista previa en vivo
Cómo funciona la sintaxis
Todo Diagrama de estados empieza con una palabra clave, y las líneas siguientes describen la jerarquía y las relaciones mediante sangría y símbolos. El lienzo se actualiza mientras escribes.
stateDiagram-v2
[*] --> Pending
Pending --> Paid : payment ok
Pending --> Cancelled : timeout
Paid --> Shipped : shipped
Shipped --> Done : received
Done --> [*]Usos habituales
Se usa mucho en documentación técnica, diseño de producto, gestión de proyectos y docencia. El resultado se pega directamente en Markdown, páginas web o diapositivas.
Preguntas frecuentes
¿Hace falta registrarse para crear un Diagrama de estados?
No. Todas las funciones son gratuitas y abiertas, puedes empezar en cuanto carga la página y las exportaciones no tienen límite.
¿A qué formatos se puede exportar un Diagrama de estados?
A PNG y SVG. SVG es un formato vectorial, así que no pierde nitidez al ampliar y funciona muy bien en documentos y diapositivas.
¿Cómo comparto un Diagrama de estados con otra persona?
El botón de compartir genera un enlace con el código del diagrama incrustado. Quien lo abra verá el mismo diagrama, sin necesidad de iniciar sesión.
Empieza a dibujar tu Diagrama de estados ahora
18 tipos de diagrama, 10 idiomas y renderizado en vivo en tu navegador. Sin registro y gratis.
Abrir el editor online