Slidev: temas, ejemplos y cómo exportar a PowerPoint
Slidev es la herramienta de presentaciones open source y pensada para desarrolladores, con 47,6k estrellas en GitHub: escribes las diapositivas en Markdown con componentes de Vue integrados y las presentas en el navegador. Esta es una guía honesta: cómo funcionan los temas y los ejemplos, cómo se comporta de verdad la exportación a PDF y PowerPoint, cómo se compara con Marp y reveal.js, y dónde encaja un Agent-Native Design Workspace.
Si escribes código y preferirías no abrir PowerPoint, seguramente ya te has topado con Slidev. Se presenta como «diapositivas de presentación para desarrolladores», y es exactamente eso: escribes cada diapositiva en Markdown, insertas componentes de Vue y bloques de código donde los necesitas, y presentas todo como una página web —con recarga en caliente, resaltado de sintaxis, notas del presentador e incrustaciones interactivas de serie—. Con 47,6k estrellas en GitHub y una licencia MIT, es una de las respuestas de referencia a «cómo hago una presentación atractiva a partir de Markdown».
Esta guía es un mapa honesto de la herramienta. Qué es Slidev en realidad, cómo encajan los temas y los ejemplos, cómo se comporta de verdad la exportación a PDF y PowerPoint (hay una trampa), cómo se mide con los demás contendientes open source y —la parte que la mayoría de los artículos omite— dónde una herramienta como esta deja de ser la adecuada y otra cosa toma el relevo. Si estás sopesando tus opciones para un flujo de trabajo de presentaciones asistido por IA y agentes, ayuda saber con precisión qué es Slidev y qué no.
Qué es Slidev
Slidev se ejecuta en el navegador y trata tu presentación como un proyecto, no como un documento. Escribes las diapositivas en un único archivo Markdown, separándolas con ---, y el instrumental para desarrolladores es lo esencial: recarga en caliente mientras escribes, resaltado de código de primera con foco por líneas, LaTeX y diagramas, modo presentador con notas y un servidor de desarrollo que lanzas desde tu terminal. Donde el Markdown puro se queda corto, incrustas componentes de Vue directamente en una diapositiva —así un gráfico, un contador en vivo o tu propio widget interactivo pueden colocarse en línea junto a tus viñetas—. Como la salida es una aplicación web, cualquier cosa que la web pueda hacer puede vivir en una diapositiva.
El compromiso está en la propia propuesta: esto es una herramienta para desarrolladores, no una interfaz gráfica. Tu flujo de trabajo es un editor de código y un servidor de desarrollo, no un lienzo con tiradores para arrastrar —justo por eso lo eligen los desarrolladores a quienes ya les gustan Markdown y los componentes web, y justo por eso alguien que no programa rebotará contra él—. Además, es genuinamente gratuito: sin cuenta, sin marca de agua, sin límite de exportación, sin precio por asiento. El Markdown y el proyecto que lo rodea son tuyos.
Temas y ejemplos
La mayoría de las búsquedas en torno a Slidev buscan en realidad que se vea bien sin diseñar cada diapositiva desde cero, así que aquí va cómo encajan las piezas.
Los temas de Slidev son el punto de partida integrado, y son una verdadera fortaleza. Fijas un tema con una sola línea en tu frontmatter (por ejemplo, theme: seriph) y Slidev lo carga. Hay una galería oficial de temas más un buen conjunto de temas de la comunidad publicados como paquetes de npm, desde estilos editoriales limpios hasta estéticas oscuras de conferencia para desarrolladores. Como un tema es código, un «tema personalizado de Slidev» implica crear o bifurcar un paquete de tema con tus propios diseños, tipografías y colores —más laborioso que cambiar una hoja de estilos, pero totalmente versionable—.
Los ejemplos de Slidev viven en la documentación y en la comunidad, no en una única galería para rellenar. El sitio oficial (sli.dev) está construido con Slidev, el repositorio incluye presentaciones de inicio y GitHub está lleno de charlas reales de conferencias cuyo código fuente puedes leer y clonar. Si buscas «slidev examples», los más útiles son las demos oficiales y el código fuente de la documentación: muestran casi todas las funciones en contexto. La trampa para principiantes es la misma que con cualquier herramienta code-first: aquí un «ejemplo» es un repositorio que se clona y se edita, no una plantilla que rellenas a través de una interfaz.
Exportar Slidev a PowerPoint y PDF
La exportación a PDF es una función de primera, con soporte oficial, y funciona bien. Slidev tiene un comando integrado slidev export (respaldado por Playwright) que renderiza cada diapositiva en un PDF limpio, una página por diapositiva —la ruta soportada, y el PDF se ve exactamente como tu presentación—. También puedes exportar a imágenes PNG de la misma manera.
Exportar Slidev a PowerPoint es donde hay que gestionar las expectativas. Slidev puede producir un .pptx, pero el resultado tiene pérdidas: cada diapositiva llega a PowerPoint como una imagen plana, no como cuadros de texto, formas y diseños editables. Así que si alguien aguas abajo necesita abrir tu presentación en PowerPoint y editarla —reescribir un titular, cambiar el estilo de un gráfico, reajustar una viñeta—, el .pptx de Slidev no se lo dará. Slidev está hecho para presentarse desde el navegador, y su fuente editable es Markdown más Vue, no .pptx. Saberlo antes de empezar te ahorra una sorpresa dolorosa el día en que un colega pida «el PowerPoint editable».
Slidev vs Marp vs reveal.js
Slidev no es la única manera de escribir diapositivas como código. Las dos opciones open source más cercanas —las que la gente quiere decir con «alternativa a Slidev»— son reveal.js y Marp, y conviene ser honesto: Open Design se sitúa en una capa completamente distinta en lugar de competir de frente.
| Herramienta | Redacción | .pptx editable | Plantillas | Licencia |
|---|---|---|---|---|
| Slidev | Markdown + Vue | No (PPTX/PDF como imágenes) | Componentes de Vue + temas | MIT |
| reveal.js | HTML o Markdown | No (PDF→PPTX como imágenes con pérdidas) | Temas = CSS/Sass; plantillas de la comunidad | MIT |
| Marp | Solo Markdown | No (PDF/PPTX como imágenes) | Temas Markdown (CSS) | MIT |
| Open Design | Descríbeselo a tu agente | Sí — salida editable sobre un design system | Plantillas de presentación propias | Apache-2.0 |
reveal.js es el hermano más antiguo y más crudo: escribes en HTML (o Markdown) y conectas transiciones con atributos data, cambiando la ergonomía de Markdown de Slidev por un control de HTML de más bajo nivel. Si quieres máxima libertad y no te importa escribir marcado, reveal.js es la elección natural. Marp va en la dirección contraria —solo Markdown, deliberadamente minimalista, sin componentes—, lo que lo convierte en el camino más rápido cuando tus diapositivas son sobre todo texto y nunca quieres pensar en un framework. Slidev se sitúa en medio: Markdown primero por velocidad, con componentes de Vue a mano cuando una diapositiva necesita hacer algo más.
Las tres son herramientas code-first con la misma forma fundamental: escribes la presentación, presentas en un navegador y la salida editable en PowerPoint no es realmente el objetivo. Elegir entre ellas depende sobre todo de qué superficie de redacción quieres —Markdown más Vue, HTML puro o Markdown puro— y no de capacidades que una tenga y las otras no.
Dónde encaja Open Design
Aquí está la frontera honesta. Slidev te pide escribir la presentación —cada diapositiva, en Markdown y Vue—. Eso es una ventaja si quieres diapositivas hechas a mano, versionadas y con componentes en vivo, y nada de esto lo reemplaza si ese es tu objetivo.
Open Design es una capa distinta, y es un producto que hacemos nosotros, así que léelo teniéndolo en cuenta. Es un Agent-Native Design Workspace open source (Apache-2.0), local-first y bring-your-own-key que se sitúa fuera del agente de código que ya usas —Claude Code, Codex o Cursor—. En lugar de redactar Markdown y componentes a mano, describes la presentación que quieres y el agente genera una editable sobre un design system, de modo que sale acorde con la marca y se mantiene editable en vez de congelarse como un artefacto renderizado. Open Design también incluye plantillas de presentación propias desde las que empezar.
No es un sustituto de Slidev si lo que quieres es escribir diapositivas como código con componentes de Vue y control total —ese es el terreno de Slidev, y ahí es excelente—. Open Design es para el caso en que prefieres darle un brief a un agente antes que escribir marcado, quieres que la salida coincida con un design system a lo largo de muchas presentaciones y quieres al final archivos editables que te pertenecen. Recurre a Slidev cuando la presentación sea el Markdown que estás escribiendo; recurre a un espacio de trabajo cuando la presentación sea una salida acorde con la marca más entre las muchas que un agente produce para ti.
Preguntas frecuentes
¿Slidev es gratis? Sí. Slidev es open source bajo la licencia MIT —de uso gratuito, también comercial, sin cuenta, sin marca de agua y sin límites de exportación—. Lo ejecutas tú mismo desde tu propio proyecto.
¿Cómo uso los temas de Slidev? Fija un tema en el frontmatter de tu presentación (por ejemplo, theme: seriph) y Slidev lo instala y lo aplica. Hay una galería oficial más temas de la comunidad en npm. Un tema personalizado implica crear o bifurcar un paquete de tema con tus propios diseños, tipografías y colores —es código, no una hoja de estilos que intercambias—.
¿Puedo exportar Slidev a PowerPoint? Slidev puede exportar a .pptx, pero con pérdidas —cada diapositiva acaba como una imagen plana, no como texto y formas editables—. La exportación a PDF y PNG (mediante slidev export) es la vía limpia y de primera. Si necesitas un PowerPoint editable, Slidev no es la fuente adecuada.
Slidev vs Marp vs reveal.js: ¿cuál debería usar? Las tres son open source, code-first y con licencia MIT. Elige Slidev para Markdown más componentes de Vue (genial cuando las diapositivas deben ser interactivas), reveal.js para el control de HTML puro y Marp para las presentaciones más simples solo en Markdown. Ninguna apunta a una salida editable en PowerPoint.
¿Necesito saber programar para usar Slidev? En la práctica, sí. Slidev es una herramienta para desarrolladores —trabajas en un editor de texto y una terminal con Markdown, Vue y un servidor de desarrollo, no en una interfaz de arrastrar y soltar—. Si prefieres describir una presentación en lenguaje natural, ese es justo el hueco que llena un espacio de trabajo agent-native como Open Design.
La conclusión
Slidev se gana sus 47,6k estrellas: es una forma gratuita, con licencia MIT y pensada para desarrolladores de construir presentaciones atractivas a partir de Markdown, con temas de verdad, recarga en caliente, componentes de Vue en vivo y una exportación a PDF limpia. Eso sí, entra con los ojos abiertos —es una herramienta en la que escribes, no una app por la que haces clic, y «exportar a un PowerPoint editable» no es algo que haga bien—. Si quieres redactar presentaciones como código, Slidev (o reveal.js / Marp) es un gran hogar. Si prefieres describir una presentación y que tu agente genere una editable, acorde con la marca y que te pertenece, ahí es donde toma el relevo un Agent-Native Design Workspace.