Slidev: temi, esempi e come esportare in PowerPoint
Slidev è lo strumento di presentazioni open source e pensato per gli sviluppatori, con 47,6k stelle su GitHub: scrivi le slide in Markdown con componenti Vue integrati e le presenti nel browser. Ecco una guida schietta: come funzionano temi ed esempi, come si comporta davvero l'esportazione in PDF e PowerPoint, come si confronta con Marp e reveal.js e dove si colloca un Agent-Native Design Workspace.
Se scrivi codice e preferiresti non aprire PowerPoint, probabilmente ti sei già imbattuto in Slidev. Si presenta come «slide di presentazione per sviluppatori», ed è esattamente questo: scrivi ogni slide in Markdown, inserisci componenti Vue e blocchi di codice dove servono e presenti il tutto come una pagina web — con hot reload, evidenziazione della sintassi, note del relatore ed embed interattivi già integrati. Con 47,6k stelle su GitHub e una licenza MIT, è una delle risposte di riferimento alla domanda «come faccio una presentazione ben fatta a partire dal Markdown».
Questa guida ne traccia una mappa onesta. Cos'è davvero Slidev, come si incastrano temi ed esempi, come si comporta realmente l'esportazione in PDF e PowerPoint (c'è un trucco), come regge il confronto con gli altri contendenti open source e — la parte che la maggior parte degli articoli salta — dove uno strumento del genere smette di essere quello giusto e subentra qualcos'altro. Se stai valutando le opzioni per un flusso di lavoro per presentazioni assistito da IA e agenti, aiuta sapere con precisione cosa Slidev è e cosa non è.
Cos'è Slidev
Slidev gira nel browser e tratta la tua presentazione come un progetto, non come un documento. Scrivi le slide in un unico file Markdown, separandole con ---, e il punto è tutto negli strumenti per sviluppatori: hot reload mentre digiti, evidenziazione del codice di prim'ordine con focus sulle righe, LaTeX e diagrammi, modalità relatore con note e un dev server che avvii dal terminale. Dove il Markdown puro si ferma, incorpori componenti Vue direttamente in una slide — così un grafico, un contatore in tempo reale o un tuo widget interattivo possono stare in linea accanto ai punti elenco. Poiché l'output è un'app web, tutto ciò che il web sa fare può vivere su una slide.
Il compromesso è scritto proprio nella presentazione: questo è uno strumento per sviluppatori, non un'interfaccia grafica. Il tuo flusso di lavoro è un editor di codice e un dev server, non una tela con le maniglie da trascinare — ed è esattamente per questo che gli sviluppatori a cui già piacciono Markdown e i componenti web lo scelgono, ed esattamente per questo chi non programma rimbalza. È anche davvero gratuito: niente account, niente filigrana, nessun limite di esportazione, nessun prezzo a postazione. Il Markdown e il progetto che lo circonda sono tuoi.
Temi ed esempi
La maggior parte delle ricerche su Slidev in realtà punta a farlo apparire bello senza progettare ogni slide da zero, quindi ecco come si incastrano i pezzi.
I temi di Slidev sono il punto di partenza integrato, e sono un vero punto di forza. Imposti un tema con una sola riga nel frontmatter (per esempio theme: seriph) e Slidev lo carica. C'è una galleria ufficiale di temi più un buon insieme di temi della community pubblicati come pacchetti npm, dagli stili editoriali puliti alle estetiche scure da conferenza per sviluppatori. Poiché un tema è codice, un «tema Slidev personalizzato» significa creare o fare il fork di un pacchetto di tema con i tuoi layout, font e colori — più impegnativo che sostituire un foglio di stile, ma completamente versionabile.
Gli esempi di Slidev vivono nella documentazione e nella community, non in un'unica galleria da compilare. Il sito ufficiale (sli.dev) è a sua volta costruito con Slidev, il repository include presentazioni di partenza e GitHub è pieno di vere conferenze il cui codice sorgente puoi leggere e clonare. Se stai cercando «slidev examples», i più utili sono le demo ufficiali e il sorgente della documentazione — mostrano quasi ogni funzionalità all'opera. Il trucco per i principianti è lo stesso di qualsiasi strumento code-first: qui un «esempio» è un repository da clonare e modificare, non un modello che compili tramite un'interfaccia.
Esportare Slidev in PowerPoint e PDF
L'esportazione in PDF è una funzione di prim'ordine, ufficialmente supportata, e funziona bene. Slidev ha un comando integrato slidev export (basato su Playwright) che renderizza ogni slide in un PDF pulito, una pagina per slide — il percorso supportato, e il PDF appare esattamente come la tua presentazione. Puoi anche esportare in immagini PNG nello stesso modo.
Esportare Slidev in PowerPoint è dove serve gestire le aspettative. Slidev può produrre un .pptx, ma il risultato è con perdita: ogni slide arriva in PowerPoint come un'immagine piatta, non come caselle di testo, forme e layout modificabili. Quindi, se qualcuno a valle deve aprire la tua presentazione in PowerPoint e modificarla — ridigitare un titolo, ristilizzare un grafico, ridisporre un punto elenco —, il .pptx di Slidev non glielo consentirà. Slidev è pensato per essere presentato dal browser, e la sua sorgente modificabile è Markdown più Vue, non .pptx. Saperlo prima di iniziare ti risparmia una sorpresa dolorosa il giorno in cui un collega chiede «il PowerPoint modificabile».
Slidev vs Marp vs reveal.js
Slidev non è l'unico modo per scrivere le slide come codice. Le due opzioni open source più vicine — quelle che si intendono con «alternativa a Slidev» — sono reveal.js e Marp, e vale la pena essere onesti: Open Design si colloca su un livello del tutto diverso invece di competere frontalmente.
| Strumento | Scrittura | .pptx modificabile | Modelli | Licenza |
|---|---|---|---|---|
| Slidev | Markdown + Vue | No (PPTX/PDF come immagini) | Componenti Vue + temi | MIT |
| reveal.js | HTML o Markdown | No (PDF→PPTX come immagini con perdita) | Temi = CSS/Sass; modelli della community | MIT |
| Marp | Solo Markdown | No (PDF/PPTX come immagini) | Temi Markdown (CSS) | MIT |
| Open Design | Descrivilo al tuo agente | Sì — output modificabile basato su un design system | Modelli di presentazione proprietari | Apache-2.0 |
reveal.js è il fratello più vecchio e più grezzo: scrivi in HTML (o Markdown) e colleghi le transizioni con attributi data, barattando l'ergonomia Markdown di Slidev con un controllo HTML di più basso livello. Se vuoi la massima libertà e non ti dispiace scrivere markup, reveal.js è la scelta naturale. Marp va nella direzione opposta — solo Markdown, deliberatamente minimale, senza componenti — il che lo rende la via più rapida quando le slide sono per lo più testo e non vuoi mai pensare a un framework. Slidev sta nel mezzo: Markdown prima di tutto per velocità, con i componenti Vue a portata di mano quando una slide deve fare di più.
Tutti e tre sono strumenti code-first con la stessa forma di fondo: scrivi la presentazione, la presenti in un browser e l'output PowerPoint modificabile non è davvero il punto. Scegliere tra loro dipende soprattutto da quale superficie di scrittura vuoi — Markdown più Vue, HTML puro o Markdown puro — e non da capacità che uno ha e gli altri no.
Dove si colloca Open Design
Ecco il confine onesto. Slidev ti chiede di scrivere la presentazione — ogni slide, in Markdown e Vue. È un vantaggio se vuoi slide scritte a mano, versionate e con componenti dal vivo, e nulla qui lo sostituisce se è questo il tuo obiettivo.
Open Design è un livello diverso, ed è un prodotto che realizziamo noi, quindi leggilo tenendolo presente. È un Agent-Native Design Workspace open source (Apache-2.0), local-first e bring-your-own-key che si colloca al di fuori dell'agente di codice che già usi — Claude Code, Codex o Cursor. Invece di scrivere a mano Markdown e componenti, descrivi la presentazione che vuoi e l'agente ne genera una modificabile basata su un design system, così esce coerente con il brand e resta modificabile invece di congelarsi come un artefatto renderizzato. Open Design fornisce anche modelli di presentazione proprietari da cui partire.
Non è un sostituto di Slidev se ciò che vuoi è scrivere slide come codice con componenti Vue e pieno controllo — quello è il campo di casa di Slidev, e lì è eccellente. Open Design è per il caso in cui preferisci dare un brief a un agente piuttosto che scrivere markup, vuoi che l'output corrisponda a un design system su molte presentazioni e vuoi, alla fine, file modificabili che ti appartengono. Ricorri a Slidev quando la presentazione è il Markdown che stai scrivendo; ricorri a uno spazio di lavoro quando la presentazione è solo uno tra i tanti output coerenti con il brand che un agente produce per te.
Domande frequenti
Slidev è gratuito? Sì. Slidev è open source sotto licenza MIT — di uso gratuito, anche commerciale, senza account, senza filigrana e senza limiti di esportazione. Lo esegui tu stesso dal tuo progetto.
Come uso i temi di Slidev? Imposta un tema nel frontmatter della presentazione (per esempio theme: seriph) e Slidev lo installa e lo applica. C'è una galleria ufficiale più temi della community su npm. Un tema personalizzato significa creare o fare il fork di un pacchetto di tema con i tuoi layout, font e colori — è codice, non un foglio di stile che scambi.
Posso esportare Slidev in PowerPoint? Slidev può esportare in .pptx, ma con perdita — ogni slide finisce come un'immagine piatta, non come testo e forme modificabili. L'esportazione in PDF e PNG (tramite slidev export) è la via pulita e di prim'ordine. Se ti serve un PowerPoint modificabile, Slidev non è la sorgente giusta.
Slidev vs Marp vs reveal.js — quale usare? Tutti e tre sono open source, code-first e con licenza MIT. Scegli Slidev per Markdown più componenti Vue (ottimo quando le slide devono essere interattive), reveal.js per il controllo HTML puro e Marp per le presentazioni più semplici, solo Markdown. Nessuno punta a un output PowerPoint modificabile.
Devo saper programmare per usare Slidev? In pratica, sì. Slidev è uno strumento per sviluppatori — lavori in un editor di testo e un terminale con Markdown, Vue e un dev server, non in un'interfaccia drag-and-drop. Se preferisci descrivere una presentazione in linguaggio naturale, è proprio la lacuna che uno spazio di lavoro agent-native come Open Design colma.
In sintesi
Slidev si merita le sue 47,6k stelle: è un modo gratuito, con licenza MIT e pensato per gli sviluppatori di costruire presentazioni ben fatte a partire dal Markdown, con temi veri, hot reload, componenti Vue dal vivo ed esportazione PDF pulita. Entra però a occhi aperti — è uno strumento in cui scrivi, non un'app in cui fai clic, ed «esportare in un PowerPoint modificabile» non è qualcosa che fa bene. Se vuoi scrivere presentazioni come codice, Slidev (o reveal.js / Marp) è un'ottima casa. Se preferisci descrivere una presentazione e lasciare che il tuo agente ne generi una modificabile, coerente con il brand e che ti appartiene, è lì che subentra un Agent-Native Design Workspace.