Saltar al contenido
Google SlidesKnow-HowAdd-On

Cómo renderizar diagramas Mermaid directamente en Google Slides™

Usa sintaxis Mermaid con el complemento Text To Table Converter para convertir diagramas de flujo y otros diagramas en elementos visuales editables dentro de Google Slides™.

Maikki

Maikki

Publicado

2 min de lectura

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.

  1. 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.

  1. Inicia un dibujo

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

  1. Abre la herramienta Mermaid

Dentro del editor, abre Generate -> Mermaid to Excalidraw.

  1. Pega tu diagrama Mermaid

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

mermaid
flowchart TD
  A[Idea] --> B{Need review?}
  B -->|Yes| C[Refine]
  B -->|No| D[Ship]
  C --> D
  1. 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.

  1. 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

Tip: 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.

Text To Table Converter

Obtén el complemento gratis

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.

Instalar gratis

Lecturas relacionadas#

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

¿Esto resolvió tu problema?

Sigue leyendo