Creador de diagramas ERD

Define entidades

Los nombres de entidades, los campos y las relaciones permanecen en este navegador. Durante el flujo, esta pestaña conserva el proyecto en el almacenamiento de sesión hasta 30 minutos. Nunca llega a Livewire ni a la URL.

Define entidades y campos

Empieza con una plantilla o crea un modelo compacto. Los nombres de entidades y campos usan letras, números y guiones bajos para que el Mermaid generado sea portable.

Este editor te permite modelar un diagrama entidad-relación con campos estructurados, en lugar de escribir una definición de texto: entidades, nombres y tipos de campo, roles visuales de PK y FK, relaciones y cardinalidades. Empieza con la plantilla de tienda, blog o un proyecto vacío. A partir de esos datos genera código Mermaid y un diagrama que puedes exportar localmente como SVG o PNG. El proyecto permanece solo en el sessionStorage de esta pestaña durante un máximo de 30 minutos y no viaja a la URL, Livewire ni a un servidor.

Cómo crear un diagrama ERD

  1. 1

    Empieza con una plantilla o desde cero

    Elige tienda, blog o un proyecto vacío. Las plantillas son solo un punto de partida y puedes cambiarlas por completo.

  2. 2

    Define entidades y campos

    Crea hasta 12 entidades con un máximo de 20 campos cada una. Indica el nombre y el tipo de cada campo y marca los que tengan función de PK o FK.

  3. 3

    Añade relaciones y cardinalidades

    Conecta las entidades correspondientes y escoge la cardinalidad. El diagrama y el código Mermaid se generan a partir de esa estructura.

  4. 4

    Copia o exporta localmente

    Copia Mermaid o exporta el diagrama como SVG o PNG. Para retomarlo después, exporta el proyecto a JSON e impórtalo de forma local.

Qué puedes modelar en el editor

Elemento Límite o función
Entidades Hasta 12 por proyecto
Campos Hasta 20 por entidad, con nombre y tipo
Roles de clave Las PK y FK se señalan visualmente en el diagrama
Relaciones Conexiones entre entidades con cardinalidades
Punto de partida Plantillas de tienda y blog, o proyecto vacío

Las entradas son campos estructurados del formulario. El editor no es un analizador de DBML ni de SQL y no importa esquemas de base de datos en esos formatos.

Aspecto del código Mermaid exportado

El editor genera código Mermaid en formato erDiagram a partir de las entidades y relaciones. Un resultado simplificado puede verse así:

erDiagram
  CUSTOMER ||--o{ ORDER : places
  CUSTOMER {
    int id PK
    string email
  }
  ORDER {
    int id PK
    int customer_id FK
  }

No editas ese código directamente. Modifica entidades, campos y relaciones en el editor y copia el Mermaid generado cuando quieras incluirlo en documentación o Markdown.

Flujo práctico para un modelo pequeño

  1. Parte de la plantilla más cercana a tu caso o de un proyecto vacío.
  2. Nombra las entidades según lo que guarda el sistema, por ejemplo cliente, pedido o artículo.
  3. Añade campos con tipos útiles y marca las claves primarias o foráneas cuando correspondan.
  4. Crea cada relación con su cardinalidad y revisa el diagrama resultante.
  5. Copia Mermaid para la documentación o exporta SVG y PNG para una presentación.

Exportación y conservación local

  • Mermaid: código erDiagram copiable para visores de Markdown compatibles.
  • SVG: gráfico vectorial escalable para documentación y herramientas de diseño.
  • PNG: imagen para diapositivas y otros destinos rasterizados.
  • JSON: exportación local del proyecto para importarla después en este editor.

El proyecto en curso vive únicamente en el sessionStorage de la pestaña actual y caduca en un máximo de 30 minutos. Si quieres conservarlo fuera de esa pestaña, expórtalo a JSON de forma explícita.

Límites que conviene tener presentes

El editor está pensado para modelos compactos. No admite entrada de SQL o DBML, no genera SQL y no permite arrastrar ni reordenar nodos. La disposición del diagrama se calcula automáticamente a partir de la estructura. Para una base de datos grande, resulta más claro crear un proyecto para cada área o contexto.

Preguntas frecuentes

No. El editor trabaja con entidades, campos y relaciones estructurados, y no analiza DBML ni SQL. Solo puede importar un archivo JSON que se haya exportado localmente antes desde este mismo editor.

No. La disposición se calcula automáticamente desde la estructura del modelo. Puedes editar entidades, campos, relaciones y cardinalidades, pero no arrastrar ni ordenar nodos manualmente.

No. El contenido del proyecto permanece exclusivamente en el sessionStorage de esta pestaña durante un máximo de 30 minutos. No se envía a la URL, Livewire ni a un servidor. Las exportaciones y las importaciones JSON se realizan localmente en tu navegador.

Cada proyecto admite hasta 12 entidades y cada entidad hasta 20 campos. El límite ayuda a mantener el modelo y el diagrama resultante legibles.

El editor genera código Mermaid en formato erDiagram a partir de tu modelo. Puedes copiarlo para usar el diagrama en Markdown compatible, mientras que la edición sigue haciéndose con los campos estructurados de la herramienta.

Herramientas relacionadas