🧩 Mermaid

Diagrama de clases

Modela tu dominio y la estructura de tus objetos

Abrir este ejemplo en el editor Generar uno con IA

¿Qué es un Diagrama de clases?

Un diagrama de clases describe los tipos de un sistema — sus atributos, métodos y relaciones: herencia, composición, asociación. Es el clásico de UML para el modelado de dominios y el diseño de código.

Ejemplo en directo

Código Mermaid

classDiagram
    class Order {
      +String id
      +Date createdAt
      +total() Money
    }
    class Customer {
      +String name
      +String email
    }
    class OrderLine {
      +int quantity
    }
    Customer "1" --> "*" Order
    Order "1" *-- "*" OrderLine

Ejemplo en directo

Cuándo usarlo

Modelar un dominio antes de escribir código (DDD, diseño orientado a objetos)

Documentar bases de código existentes para el onboarding

Diseñar mapeos de objetos de base de datos y modelos de recursos de API

Sintaxis básica

.mmd

classDiagram
    class Animal {
      +String name
      +makeSound() void
    }
    Animal <|-- Dog : inheritance

Preguntas sobre este diagrama

¿Qué relaciones admite Mermaid?

Herencia (<|--), composición (*--), agregación (o--), asociación (-->), dependencia (..>) y realización (..|>), cada una con cardinalidades y etiquetas opcionales.

¿Puedo generar un diagrama de clases a partir de código?

Pega tus clases o describe tu dominio y la IA extrae entidades, atributos y relaciones en un diagrama de clases limpio.

Explora otros tipos de diagramas

🔀 Diagrama de flujo 💬 Diagrama de secuencia 🗄️ Diagrama entidad-relación 🔄 Diagrama de estados 📅 Diagrama de Gantt 🥧 Gráfico circular 🧠 Mapa mental 🌿 Grafo Git 🕰️ Línea de tiempo 🚶 Recorrido del usuario 🎯 Gráfico de cuadrantes

Crea tu Diagrama de clases ahora

Descríbelo en lenguaje natural — la IA escribe el código Mermaid por ti.

Abrir Mermaid Studio