Convertir Markdown a presentaciones (Slides)

Conversor de Markdown a presentación

Escribe tus diapositivas en Markdown separadas por --- y previsualízalas al instante. El conversor funciona directamente en tu navegador, sin necesidad de instalar nada ni enviar datos a ningún servidor.

¿Por qué crear presentaciones con Markdown?

Crear presentaciones con Markdown es una alternativa eficiente a herramientas como PowerPoint o Google Slides. En lugar de perder tiempo arrastrando cajas de texto, ajustando márgenes o eligiendo plantillas, escribes el contenido en texto plano y una herramienta se encarga de convertirlo en diapositivas con estilo profesional.

Las ventajas principales son:

• Rapidez: escribir contenido en Markdown es mucho más rápido que diseñar diapositivas a mano. Te centras en lo que quieres decir, no en cómo se ve.
• Control de versiones: al ser texto plano, puedes versionar tus presentaciones con Git. Cada cambio queda registrado y puedes colaborar con otros como si fuera código.
• Consistencia: los estilos se aplican automáticamente a todas las diapositivas. No hay riesgo de que una diapositiva tenga una fuente diferente o un margen desalineado.
• Portabilidad: el contenido en Markdown se puede reutilizar fácilmente. La misma fuente puede generar una presentación, un PDF, una página web o un documento de Word.
• Código en vivo: si eres desarrollador, puedes incluir bloques de código con resaltado de sintaxis directamente en tus diapositivas.

Para estudiantes que necesitan presentar trabajos rápidamente, o para equipos que comparten avances semanales, las presentaciones en Markdown ahorran mucho tiempo.

Sintaxis básica de presentaciones

Todas las herramientas de presentación en Markdown comparten una convención: el separador de diapositivas es --- (tres guiones). Cada bloque de contenido entre separadores se convierte en una diapositiva independiente. El contenido dentro de cada diapositiva usa la sintaxis estándar de Markdown:

# Primera diapositiva

Este es el contenido de la primera diapositiva.

---

# Segunda diapositiva

- Punto 1
- Punto 2
- Punto 3

---

# Tercera diapositiva

> Una cita importante

![Imagen descriptiva](imagen.png)

Los encabezados # suelen usarse como título de cada diapositiva. El resto del contenido (listas, imágenes, tablas, citas, bloques de código) aparece debajo del título.

Herramientas para crear presentaciones

Marp

Marp es una de las herramientas más populares para crear presentaciones con Markdown. Se integra directamente con VS Code a través de una extensión, lo que te permite escribir y previsualizar las diapositivas en el mismo editor. También tiene una CLI para generar las presentaciones como PDF, HTML o PowerPoint desde la terminal.

La configuración se hace con front matter al inicio del archivo:

---
marp: true
theme: default
paginate: true
---

# Mi presentación

Contenido de la primera diapositiva

---

# Segunda diapositiva

- Punto 1
- Punto 2
- Punto 3

La directiva marp: true activa el procesamiento de Marp, theme define el tema visual (hay varios temas predefinidos y puedes crear los tuyos con CSS), y paginate: true añade números de página. Marp también soporta directivas por diapositiva para cambiar el fondo, la clase o la disposición del contenido.

Para exportar desde la terminal:

# Instalar Marp CLI
npm install -g @marp-team/marp-cli

# Exportar a PDF
marp presentacion.md -o presentacion.pdf

# Exportar a PowerPoint
marp presentacion.md -o presentacion.pptx

# Exportar a HTML
marp presentacion.md -o presentacion.html

Reveal.js

Reveal.js es un framework de presentaciones HTML que soporta contenido en Markdown. Es más potente que Marp en cuanto a animaciones, transiciones y personalización visual, pero requiere más configuración. Las presentaciones se pueden alojar como páginas web estáticas.

# Diapositiva 1

Introducción al tema

---

# Diapositiva 2

Contenido con **Markdown** completo

- Listas
- Tablas
- Imágenes

---

# Diapositiva 3

```python
def hola():
    print("Hola mundo")
```

Reveal.js soporta transiciones entre diapositivas (fade, slide, convex, concave, zoom), fragmentos (elementos que aparecen uno a uno con clic), diapositivas verticales para profundizar en un tema, notas del presentador y temas personalizados.

Slidev

Slidev está pensado para desarrolladores. Combina Markdown con componentes Vue, lo que permite incluir demos interactivas, código ejecutable y animaciones avanzadas directamente en las diapositivas. Es perfecto para charlas técnicas y workshops.

---
theme: seriph
---

# Mi presentación

Hecha con Slidev

---

# Código en vivo

```python
print("Hola mundo")
```

Slidev incluye resaltado de sintaxis con Shiki (el mismo que usa VS Code), modo presentador con notas y temporizador, grabación integrada, exportación a PDF y SPA, y temas creados por la comunidad. Se instala con npm init slidev y arranca un servidor de desarrollo con recarga en caliente.

Pandoc

Pandoc es el conversor universal de documentos. Puede transformar Markdown en presentaciones de varios formatos, incluyendo PowerPoint (.pptx) y Beamer (LaTeX/PDF). Es ideal si necesitas entregar la presentación en un formato específico o si prefieres trabajar desde la terminal.

# Convertir a PowerPoint
pandoc presentacion.md -o presentacion.pptx

# Convertir a Beamer (PDF con LaTeX)
pandoc presentacion.md -t beamer -o presentacion.pdf

# Usar una plantilla de PowerPoint personalizada
pandoc presentacion.md --reference-doc=plantilla.pptx -o presentacion.pptx

Pandoc usa --- como separador de diapositivas y # como título de cada una. La opción --reference-doc te permite aplicar una plantilla corporativa de PowerPoint para que las diapositivas generadas sigan el estilo visual de tu empresa.

Otras herramientas

• Deckset (macOS): aplicación nativa con temas profesionales y previsualización en tiempo real. La opción más pulida si usas Mac y no quieres configurar nada.
• GitPitch: presentaciones directamente desde repositorios Git. Escribes el Markdown, haces push y la presentación se actualiza automáticamente.
• Remark.js: framework ligero de presentaciones HTML basado en Markdown. Funciona sin build, solo necesita un archivo HTML y el Markdown.

¿Qué herramienta elegir?

Si no sabes cuál elegir, empieza por Marp: es la más sencilla, se integra con VS Code y exporta a todos los formatos que necesitas. Si necesitas animaciones avanzadas o demos interactivas, pasa a Reveal.js o Slidev.