Diagrama de clases UML online
Haz clic en + Clase, escribe el nombre y los atributos y arrástrala a su lugar. Para unir, usa Unir bloques y elige el tipo de relación.
Cómo usarClases, atributos y relaciones en un dibujo
Disponible en: 
Diagrama de clases UML online: para qué sirve
Escribe las clases con sus atributos y métodos, marca la visibilidad (+, -, #, ~) y une las clases con asociación, herencia, composición, agregación o dependencia, con la multiplicidad en cada extremo. El diagrama se dibuja mientras escribes.
El código usa la sintaxis abierta de Mermaid, la misma que dibujan GitHub, GitLab y Notion, así que puedes pegar el mismo texto en la documentación del proyecto. El texto queda guardado en tu navegador.
Cómo usar
- Escribe las clases con atributos y métodos.
- Une las clases con las flechas de relación.
- Descarga el diagrama en PNG o SVG.
Cuándo usar
- Trabajos de análisis de sistemas.
- Documentación de proyectos.
- Modelar el dominio antes de programar.
Preguntas frecuentes
¿Cómo escribo una clase?
Usa class Nombre { } y, dentro de las llaves, una línea por atributo o método. El signo del principio indica la visibilidad: + público, - privado, # protegido y ~ de paquete. Los métodos llevan paréntesis y pueden tener el tipo de retorno después, como +total() float.
¿Cómo muestro herencia, composición y agregación?
Con las flechas entre las clases: A <|-- B es herencia (B hereda de A), A *-- B es composición, A o-- B es agregación, A --> B es asociación y A ..> B es dependencia. Para la multiplicidad, ponla entre comillas a los dos lados, como Cliente "1" --> "*" Pedido.
¿Qué lenguaje es este?
Es la sintaxis de Mermaid, un estándar abierto de diagramas en texto que también funciona en GitHub, GitLab y Notion. El código que escribes aquí se puede pegar en esos lugares.
¿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.