Cómo renderizar diagramas Mermaid directamente en Google Slides™

Si ya escribes diagramas en Mermaid, no necesitas reconstruirlos forma por forma en Google Slides™.

Con el complemento Text To Table Converter, puedes abrir Insert Drawing, convertir la sintaxis Mermaid en elementos de Excalidraw y colocar el resultado final en tu diapositiva como PNG. Así tienes una forma más rápida de crear diagramas de proceso, organigramas y elementos técnicos sencillos para presentaciones.

Cómo renderizar un diagrama Mermaid en Google Slides™

1. Abre tu presentación Ve a la diapositiva donde quieres que aparezca el diagrama.

2. Abre Insert Drawing Abre Extensions > Text To Table Converter > Document Tools > Insert Drawing.

   También puedes abrir la barra lateral e ir a Document Tools -> Export -> Insert Drawing.

3. Inicia un dibujo Haz clic en New drawing para abrir el editor de dibujo.

4. Abre la herramienta Mermaid Dentro del editor, abre Generate -> Mermaid to Excalidraw.

5. Pega tu diagrama Mermaid Pega o escribe tu definición Mermaid en el panel de Mermaid.

   flowchart TD
     A[Idea] --> B{Need review?}
     B -->|Yes| C[Refine]
     B -->|No| D[Ship]
     C --> D

6. Inserta el diagrama en el lienzo Revisa la vista previa y luego haz clic en Insert. El diagrama se añade al lienzo de dibujo como contenido de Excalidraw.

7. Guárdalo e insértalo en Slides Haz clic en Save, elige un nombre de archivo y una carpeta de Drive, y luego haz clic en Insert PNG para colocar el resultado en la diapositiva actual.

Qué diagramas Mermaid funcionan mejor

Este flujo de trabajo es ideal para diagramas Mermaid que quieres colocar como elemento visual en una diapositiva y ajustar antes de presentar.

Los tipos de diagramas Mermaid compatibles incluyen:

• Flowchart
• Sequence
• Class
• Entity Relationship

Otros tipos de diagramas Mermaid pueden aparecer como una imagen en lugar de formas totalmente editables.

Por qué usar esto en lugar de dibujar a mano

Esto resulta útil cuando:

• Ya tienes código Mermaid procedente de documentación o notas de ingeniería
• Quieres un diagrama de flujo rápido para una presentación comercial o una actualización de equipo
• Necesitas un diagrama que sea más fácil de revisar que una captura de pantalla
• Quieres conservar el archivo fuente editable .excalidraw en Google Drive para futuras actualizaciones

Consejo

Si planeas actualizar el diagrama más adelante, conserva el archivo .excalidraw guardado en Drive. Cuando vuelvas a abrir el dibujo vinculado y lo insertes de nuevo, el complemento puede reemplazar la imagen existente en la diapositiva en lugar de añadir un duplicado.

Otra opción rápida

También puedes probar a pegar el código Mermaid directamente en el lienzo de dibujo. Si el editor detecta sintaxis Mermaid válida, puede convertir el diagrama automáticamente.

Instala el complemento

Crea diagramas directamente dentro de Google Slides™ con Mermaid, Excalidraw y el complemento Text To Table Converter.

Renderiza diagramas Mermaid en Google Slides™

Instala el complemento para convertir sintaxis Mermaid en un dibujo, guardar la fuente editable en Drive e insertar el resultado en tu diapositiva.

Abrir en Google Workspace Marketplace

Lecturas relacionadas

Insert Drawing Lee la guía completa para crear dibujos y diagramas Mermaid en Docs o Slides.

Cómo convertir un video en un GIF en Google Docs™ o Google Slides™ Otra forma de añadir contenido visual directamente dentro de una presentación.