English
EspañolDiagrama de classes UML online
Escreva as classes à esquerda e veja o diagrama se montar ao lado. Baixe em PNG ou SVG para o trabalho, a documentação ou a aula.
Como usarClasses, atributos e relações num desenho
Disponível em: 
Diagrama de classes UML online: para que serve
Escreva as classes com os atributos e os métodos, marque a visibilidade (+, -, #, ~) e ligue as classes com associação, herança, composição, agregação ou dependência, com a multiplicidade em cada ponta. O diagrama se desenha enquanto você digita.
O código usa a sintaxe aberta do Mermaid, a mesma que o GitHub, o GitLab e o Notion desenham, então dá para colar o mesmo texto na documentação do projeto. O texto fica salvo no seu navegador.
Como usar
- Escreva as classes com os atributos e os métodos.
- Ligue as classes com as setas de relação.
- Baixe o diagrama em PNG ou SVG.
Quando usar
- Trabalho de faculdade de análise de sistemas.
- Documentação de projeto.
- Modelar o domínio antes de programar.
Perguntas frequentes
Como escrever uma classe?
Use class Nome { } e, dentro das chaves, uma linha por atributo ou método. O sinal da frente indica a visibilidade: + público, - privado, # protegido e ~ de pacote. Métodos levam parênteses e podem ter o tipo de retorno depois, como +total() float.
Como mostrar herança, composição e agregação?
Com as setas entre as classes: A <|-- B é herança (B herda de A), A *-- B é composição, A o-- B é agregação, A --> B é associação e A ..> B é dependência. Para a multiplicidade, coloque entre aspas dos dois lados, como Cliente "1" --> "*" Pedido.
Que linguagem é essa?
É a sintaxe do Mermaid, um padrão aberto de diagramas por texto que também funciona no GitHub, no GitLab e no Notion. O código que você escreve aqui pode ser colado nesses lugares.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.