Criador de Diagrama de Estado Grátis Online
Modele o que seu sistema É em qualquer momento — estados, transições, guardas e eventos. O BPMN diz o que ele faz; o diagrama de estado diz o que ele é.
Free forever · no signup · no credit card · unlimited diagrams
Os diagramas de estado (diagramas de máquina de estado UML) capturam toda condição possível de um sistema ou objeto e os eventos que o movem de um estado para outro. O FreeDiagram gera diagramas de estado claros e precisos a partir de descrições em linguagem natural — sem ferramentas UML.
Como fazer um diagrama de estado
Liste os estados que seu sistema pode ter
Comece com uma frase em português claro: nomeie o objeto (um pedido, uma sessão de usuário, um dispositivo) e liste os estados pelos quais ele passa. Inclua estados terminais como entregue ou cancelado.
Gere o diagrama de estado
Clique em Gerar e o FreeDiagram produz um diagrama de máquina de estado UML com pseudo-estado inicial, caixas de estado com formato correto e setas de transição rotuladas.
Adicione guardas e ações
Refine com prompts complementares — adicione uma condição de guarda ('somente se pagamento confirmado'), uma ação de entrada ou um estado composto que aninhe subestados.
Exporte para documentação ou implementação
Baixe como SVG ou PNG para documentos de design, ou copie o código Mermaid para colar diretamente no GitHub, Notion ou sua wiki.
Sobre diagramas de estado
Um diagrama de estado (formalmente um Diagrama de Máquina de Estado UML) modela o comportamento dinâmico de um único objeto ou sistema enumerando cada estado que ele pode ocupar e cada evento ou condição que aciona uma transição. A principal diferença de um fluxograma ou diagrama BPMN é o foco: um diagrama de estado responde 'o que o sistema é agora?' em vez de 'quais etapas o processo segue?'.
A notação UML usa retângulos arredondados para estados, um círculo preenchido para o pseudo-estado inicial, um alvo para o estado final e setas rotuladas para transições. As transições podem conter uma condição de guarda entre colchetes e uma ação após uma barra — por exemplo, 'pagamentoRecebido [valor >= total] / confirmarPedido'. Estados compostos agrupam subestados relacionados e permitem transições compartilhadas, essenciais para modelar ciclos de vida complexos sem duplicação.
Engenheiros de software usam diagramas de estado para ciclos de vida de pedidos e reservas, estados de componentes de UI (carregando, ocioso, erro, sucesso), design de protocolos de rede e firmware embarcado, onde cada estado deve ser explicitamente tratado. Desenvolvedores de sistemas embarcados consideram os diagramas de estado indispensáveis porque um estado não modelado é um caminho de código não testado.
O FreeDiagram converte uma descrição em linguagem natural em uma máquina de estado UML devidamente estruturada. Você não precisa lembrar regras de notação — descreva o comportamento e o diagrama segue. Use a saída em documentos técnicos de design, revisões de código ou como referência ao implementar uma máquina de estado em XState, Redux ou qualquer biblioteca FSM.
Frequently asked questions
Para que serve um diagrama de estado?
Diagramas de estado modelam o ciclo de vida de um objeto ou sistema — cada condição em que pode estar e cada evento que o move entre condições. Usos comuns incluem status de pedidos de e-commerce, gerenciamento de sessão de usuário, estados de componentes de UI, protocolos de rede e firmware de dispositivos embarcados.
Qual a diferença entre um diagrama de estado e um fluxograma?
Um fluxograma modela um processo — uma sequência de passos. Um diagrama de estado modela um objeto — o conjunto de condições que ele pode ocupar. Fluxogramas respondem 'o que acontece depois?'; diagramas de estado respondem 'o que o sistema é agora?'. Use um diagrama de estado quando o mesmo evento pode ter efeitos diferentes dependendo do estado atual.
O que é uma condição de guarda em um diagrama de estado?
Uma condição de guarda é uma expressão booleana que deve ser verdadeira para que uma transição ocorra. É escrita entre colchetes na seta de transição — por exemplo, 'pagamentoRecebido [saldo >= total]'. As guardas permitem modelar transições condicionais sem adicionar estados extras.
Posso modelar estados compostos com subestados aninhados?
Sim. Descreva o aninhamento no seu prompt — por exemplo, 'o estado Processando contém os subestados Separando, Embalando e Etiquetando'. O FreeDiagram renderizará um estado composto com os subestados dentro e uma transição compartilhada para fora.
A saída segue os padrões UML?
Sim. O FreeDiagram usa a notação UML State Machine — pseudo-estado inicial (círculo preenchido), estados (retângulos arredondados), estado final (alvo) e setas de transição rotuladas. A saída é compatível com padrões de documentação usados em arquitetura de software e design de sistemas.