Slidev: temas, exemplos e como exportar para o PowerPoint
O Slidev é a ferramenta de apresentações open source e voltada a desenvolvedores, com 47,6k estrelas no GitHub: você escreve os slides em Markdown com componentes Vue embutidos e apresenta tudo no navegador. Este é um guia franco: como funcionam os temas e os exemplos, como a exportação para PDF e PowerPoint realmente se comporta, como ele se compara ao Marp e ao reveal.js e onde entra um Agent-Native Design Workspace.
Se você escreve código e preferiria não abrir o PowerPoint, provavelmente já esbarrou no Slidev. Ele se descreve como "slides de apresentação para desenvolvedores", e é exatamente isso: você escreve cada slide em Markdown, insere componentes Vue e blocos de código onde precisa e apresenta tudo como uma página web — com hot reload, destaque de sintaxe, notas do apresentador e incorporações interativas já embutidas. Com 47,6k estrelas no GitHub e uma licença MIT, é uma das respostas de referência para "como faço um deck bonito a partir de Markdown".
Este guia é um mapa honesto dele. O que o Slidev realmente é, como temas e exemplos se encaixam, como a exportação para PDF e PowerPoint de fato se comporta (há uma pegadinha), como ele se sai diante dos outros concorrentes open source e — a parte que a maioria dos artigos pula — onde uma ferramenta assim deixa de ser a certa e outra coisa assume. Se você está pesando suas opções para um fluxo de criação de decks assistido por IA e agentes, ajuda saber com precisão o que o Slidev é e o que não é.
O que é o Slidev
O Slidev roda no navegador e trata seu deck como um projeto, não como um documento. Você escreve os slides em um único arquivo Markdown, separando-os com ---, e o ferramental para desenvolvedores é o ponto central: hot reload enquanto você digita, destaque de código de primeira com foco por linhas, LaTeX e diagramas, modo apresentador com notas e um servidor de desenvolvimento que você inicia pelo terminal. Onde o Markdown puro chega ao limite, você incorpora componentes Vue diretamente em um slide — assim um gráfico, um contador ao vivo ou seu próprio widget interativo podem ficar embutidos ao lado dos seus tópicos. Como a saída é um aplicativo web, tudo o que a web sabe fazer pode viver em um slide.
O trade-off está bem ali na proposta: isto é uma ferramenta de desenvolvedor, não uma interface gráfica. Seu fluxo de trabalho é um editor de código e um servidor de desenvolvimento, não uma tela com alças de arrastar — que é exatamente por que desenvolvedores que já gostam de Markdown e componentes web recorrem a ele, e exatamente por que quem não programa vai bater e voltar. Ele também é genuinamente gratuito: sem conta, sem marca d'água, sem limite de exportação, sem cobrança por assento. O Markdown e o projeto ao redor dele são seus.
Temas e exemplos
A maioria das buscas em torno do Slidev quer, na verdade, deixá-lo bonito sem projetar cada slide do zero, então aqui está como as peças se encaixam.
Os temas do Slidev são o ponto de partida embutido, e são um ponto forte de verdade. Você define um tema com uma única linha no frontmatter (por exemplo, theme: seriph) e o Slidev o carrega. Há uma galeria oficial de temas mais um bom conjunto de temas da comunidade publicados como pacotes npm, de visuais editoriais limpos a estilos escuros de conferência de desenvolvedores. Como um tema é código, um "tema personalizado do Slidev" significa criar ou fazer fork de um pacote de tema com seus próprios layouts, fontes e cores — mais trabalhoso do que trocar uma folha de estilos, mas totalmente versionável.
Os exemplos do Slidev vivem na documentação e na comunidade, não em uma única galeria de preencher. O site oficial (sli.dev) é ele próprio feito com Slidev, o repositório traz decks iniciais e o GitHub está cheio de palestras reais de conferências cujo código-fonte você pode ler e clonar. Se você está procurando "slidev examples", os mais úteis são as demos oficiais e o código-fonte da documentação — eles mostram quase todos os recursos em uso. A pegadinha para iniciantes é a mesma de qualquer ferramenta code-first: aqui um "exemplo" é um repositório para clonar e editar, não um modelo que você preenche por uma interface.
Exportando o Slidev para PowerPoint e PDF
A exportação para PDF é um recurso de primeira, com suporte oficial, e funciona bem. O Slidev tem um comando embutido slidev export (apoiado no Playwright) que renderiza cada slide em um PDF limpo, uma página por slide — o caminho suportado, e o PDF fica exatamente igual ao seu deck. Você também pode exportar para imagens PNG do mesmo jeito.
Exportar o Slidev para PowerPoint é onde as expectativas precisam ser administradas. O Slidev consegue produzir um .pptx, mas o resultado tem perdas: cada slide chega ao PowerPoint como uma imagem chapada, não como caixas de texto, formas e layouts editáveis. Então, se alguém adiante precisar abrir seu deck no PowerPoint e editá-lo — redigitar um título, mudar o estilo de um gráfico, refazer o fluxo de um tópico —, o .pptx do Slidev não vai dar conta. O Slidev foi feito para ser apresentado a partir do navegador, e sua fonte editável é Markdown mais Vue, não .pptx. Saber disso antes de começar te poupa de uma surpresa dolorosa no dia em que um colega pedir "o PowerPoint editável".
Slidev vs Marp vs reveal.js
O Slidev não é o único jeito de escrever slides como código. As duas opções open source mais próximas — as que as pessoas querem dizer com "alternativa ao Slidev" — são reveal.js e Marp, e vale ser honesto: o Open Design está em uma camada totalmente diferente, em vez de competir de frente.
| Ferramenta | Escrita | .pptx editável | Modelagem | Licença |
|---|---|---|---|---|
| Slidev | Markdown + Vue | Não (PPTX/PDF como imagens) | Componentes Vue + temas | MIT |
| reveal.js | HTML ou Markdown | Não (PDF→PPTX como imagens com perdas) | Temas = CSS/Sass; modelos da comunidade | MIT |
| Marp | Somente Markdown | Não (PDF/PPTX como imagens) | Temas Markdown (CSS) | MIT |
| Open Design | Descreva ao seu agente | Sim — saída editável baseada em um design system | Modelos de deck próprios | Apache-2.0 |
O reveal.js é o irmão mais velho e mais cru: você escreve em HTML (ou Markdown) e conecta as transições com atributos data, trocando a ergonomia de Markdown do Slidev por um controle de HTML de nível mais baixo. Se você quer o máximo de liberdade e não se importa de escrever marcação, o reveal.js é a escolha natural. O Marp vai na direção oposta — somente Markdown, deliberadamente minimalista, sem componentes —, o que o torna o caminho mais rápido quando seus slides são majoritariamente texto e você nunca quer pensar em um framework. O Slidev fica no meio: Markdown em primeiro lugar pela velocidade, com componentes Vue à disposição quando um slide precisa fazer mais.
As três são ferramentas code-first com a mesma forma fundamental: você escreve o deck, apresenta em um navegador e a saída editável em PowerPoint não é bem o objetivo. Escolher entre elas depende sobretudo de qual superfície de escrita você quer — Markdown mais Vue, HTML puro ou Markdown puro — e não de capacidades que uma tem e as outras não.
Onde o Open Design se encaixa
Aqui está a fronteira honesta. O Slidev pede que você escreva o deck — cada slide, em Markdown e Vue. Isso é uma vantagem se você quer slides feitos à mão, versionados e com componentes ao vivo, e nada aqui substitui isso se esse for o seu objetivo.
O Open Design é uma camada diferente, e é um produto que nós fazemos, então leia com isso em mente. É um Agent-Native Design Workspace open source (Apache-2.0), local-first e bring-your-own-key que fica fora do agente de código que você já usa — Claude Code, Codex ou Cursor. Em vez de escrever Markdown e componentes à mão, você descreve o deck que quer e o agente gera um editável baseado em um design system, então ele sai alinhado à marca e permanece editável em vez de congelar como um artefato renderizado. O Open Design também traz modelos de deck próprios para você começar.
Ele não é um substituto do Slidev se o que você quer é escrever slides como código com componentes Vue e controle total — esse é o território do Slidev, e ele é excelente nisso. O Open Design é para o caso em que você prefere passar um briefing a um agente a escrever marcação, quer que a saída combine com um design system ao longo de muitos decks e quer, no fim, arquivos editáveis que são seus. Recorra ao Slidev quando o deck for o Markdown que você está escrevendo; recorra a um espaço de trabalho quando o deck for apenas uma entre muitas saídas alinhadas à marca que um agente produz para você.
Perguntas frequentes
O Slidev é gratuito? Sim. O Slidev é open source sob a licença MIT — de uso gratuito, inclusive comercial, sem conta, sem marca d'água e sem limites de exportação. Você mesmo o executa a partir do seu próprio projeto.
Como uso os temas do Slidev? Defina um tema no frontmatter do seu slide (por exemplo, theme: seriph) e o Slidev instala e aplica. Há uma galeria oficial mais temas da comunidade no npm. Um tema personalizado significa criar ou fazer fork de um pacote de tema com seus próprios layouts, fontes e cores — é código, não uma folha de estilos que você troca.
Posso exportar o Slidev para PowerPoint? O Slidev consegue exportar para .pptx, mas com perdas — cada slide cai como uma imagem chapada, não como texto e formas editáveis. A exportação para PDF e PNG (via slidev export) é o caminho limpo e de primeira. Se você precisa de um PowerPoint editável, o Slidev não é a fonte certa.
Slidev vs Marp vs reveal.js — qual devo usar? As três são open source, code-first e com licença MIT. Escolha o Slidev para Markdown mais componentes Vue (ótimo quando os slides precisam ser interativos), o reveal.js para controle de HTML puro e o Marp para os decks mais simples, só em Markdown. Nenhum mira a saída editável em PowerPoint.
Preciso saber programar para usar o Slidev? Na prática, sim. O Slidev é uma ferramenta de desenvolvedor — você trabalha em um editor de texto e um terminal com Markdown, Vue e um servidor de desenvolvimento, não em uma interface de arrastar e soltar. Se você prefere descrever um deck em linguagem natural, é justamente essa a lacuna que um espaço de trabalho agent-native como o Open Design preenche.
O resumo
O Slidev merece suas 47,6k estrelas: é um jeito gratuito, sob licença MIT e voltado a desenvolvedores de construir decks bonitos a partir de Markdown, com temas de verdade, hot reload, componentes Vue ao vivo e exportação limpa para PDF. Só entre de olhos abertos — é uma ferramenta na qual você escreve, não um app pelo qual você clica, e "exportar para um PowerPoint editável" não é algo que ele faça bem. Se você quer escrever decks como código, o Slidev (ou reveal.js / Marp) é um ótimo lar. Se você prefere descrever um deck e deixar seu agente gerar um editável, alinhado à marca e que é seu, é aí que um Agent-Native Design Workspace assume.