Guía de uso

Esta guía explica cómo usar DiagramaHub día a día: crear diagramas con código o a mano alzada, organizarlos en proyectos y carpetas, exportarlos, compartirlos y apoyarte en la IA con tu propia clave (BYOL).

Si vas a instalar o administrar tu propia instancia, consulta la sección Self-host.

• Primeros pasos

  ---

  Crea tu cuenta, tu primer proyecto y tu primer diagrama, y conoce la interfaz.

  Empezar

• El editor

  ---

  Código, vista previa en vivo, autoguardado, explorador, descripción y apariencia.

  Conocer el editor

• Tipos de diagrama

  ---

  Mermaid, PlantUML, D2 y DBML: ejemplos, temas y opciones de cada uno.

  Ver tipos

• Pizarrón a mano alzada

  ---

  Dibuja formas y flechas con estilo hecho a mano y conviértelas en Mermaid.

  Usar el pizarrón

• Proyectos y carpetas

  ---

  Organiza tus diagramas, muévelos, duplícalos y búscalos.

  Organizar

• Exportar e importar

  ---

  PNG, SVG, PDF, Markdown, ZIP de proyectos y archivos de Excalidraw.

  Exportar e importar

• Compartir diagramas

  ---

  Enlaces públicos o protegidos con código de acceso y expiración.

  Compartir

• Modo presentación

  ---

  Muestra tu diagrama a pantalla completa, sin distracciones.

  Presentar

• Asistente de IA

  ---

  Genera, mejora, corrige y convierte diagramas con tu propio proveedor de IA.

  Usar la IA

• Tu cuenta y seguridad

  ---

  Perfil, contraseña, verificación en dos pasos (MFA) y eliminación de cuenta.

  Tu cuenta

Recorrido típico

flowchart LR
    A[Crear cuenta] --> B[Crear proyecto]
    B --> C[Crear diagrama]
    C --> D{¿Cómo?}
    D -->|Código| E[Editor<br/>Mermaid · PlantUML · D2 · DBML]
    D -->|Dibujo| F[Pizarrón a mano alzada]
    D -->|IA| G[Chat con IA]
    E --> H[Exportar · Compartir · Presentar]
    F --> H
    G --> E

Idioma y tema

La interfaz está en español e inglés. Puedes cambiar el idioma y alternar entre modo claro y oscuro desde la barra lateral; ambas preferencias se recuerdan en tu navegador.