Slidev : thèmes, exemples et comment exporter vers PowerPoint

Si vous écrivez du code et préférez ne pas ouvrir PowerPoint, vous êtes probablement déjà tombé sur Slidev. Il se présente comme des « diapositives de présentation pour les développeurs », et c'est exactement cela : vous écrivez chaque diapositive en Markdown, vous glissez des composants Vue et des blocs de code là où il en faut, et vous présentez l'ensemble sous forme de page web — avec rechargement à chaud, coloration syntaxique, notes du présentateur et intégrations interactives intégrées d'origine. Avec 47,6k étoiles sur GitHub et une licence MIT, c'est l'une des réponses de référence à la question « comment faire une belle présentation à partir de Markdown ».

Ce guide en dresse une carte honnête. Ce qu'est réellement Slidev, comment thèmes et exemples s'articulent, comment se comporte vraiment l'export vers PDF et PowerPoint (il y a un piège), comment il se mesure aux autres prétendants open source, et — la partie que la plupart des articles passent sous silence — le moment où un tel outil cesse d'être le bon et où autre chose prend le relais. Si vous pesez vos options pour un workflow de présentation assisté par l'IA et les agents, il est utile de savoir précisément ce que Slidev est et n'est pas.

Ce qu'est Slidev

Slidev s'exécute dans le navigateur et traite votre présentation comme un projet, pas comme un document. Vous rédigez les diapositives dans un seul fichier Markdown, en les séparant par ---, et l'outillage pour développeurs est l'essentiel : rechargement à chaud pendant que vous tapez, coloration de code de premier ordre avec mise au point sur les lignes, LaTeX et diagrammes, mode présentateur avec notes, et un serveur de dev que vous lancez depuis votre terminal. Là où le Markdown pur s'arrête, vous intégrez des composants Vue directement dans une diapositive — ainsi un graphique, un compteur en direct ou votre propre widget interactif peuvent se placer en ligne à côté de vos puces. Comme la sortie est une application web, tout ce que le web sait faire peut vivre sur une diapositive.

Le compromis est inscrit dans l'accroche même : c'est un outil de développeur, pas une interface graphique. Votre workflow, c'est un éditeur de code et un serveur de dev, pas un canevas avec des poignées de glisser-déposer — ce qui explique précisément pourquoi les développeurs qui aiment déjà Markdown et les composants web s'en emparent, et précisément pourquoi un non-codeur passera son chemin. Il est aussi véritablement gratuit : pas de compte, pas de filigrane, pas de limite d'export, pas de tarif par siège. Le Markdown et le projet qui l'entoure vous appartiennent.

Thèmes et exemples

La plupart des recherches autour de Slidev visent en réalité à le rendre beau sans concevoir chaque diapositive de zéro ; voici donc comment les pièces s'emboîtent.

Les thèmes Slidev sont le point de départ intégré, et c'est une vraie force. Vous définissez un thème avec une seule ligne dans votre frontmatter (par exemple theme: seriph), et Slidev le charge. Il existe une galerie officielle de thèmes, plus un bon ensemble de thèmes communautaires publiés sous forme de paquets npm, allant de looks éditoriaux épurés à des styles sombres de conférence de développeurs. Comme un thème est du code, un « thème Slidev personnalisé » consiste à créer ou forker un paquet de thème avec vos propres mises en page, polices et couleurs — plus impliquant que d'échanger une feuille de style, mais entièrement versionnable.

Les exemples Slidev vivent dans la documentation et la communauté plutôt que dans une seule galerie à remplir. Le site officiel (sli.dev) est lui-même construit avec Slidev, le dépôt fournit des présentations de démarrage, et GitHub regorge de vraies conférences dont vous pouvez lire et cloner le code source. Si vous cherchez « slidev examples », les plus pertinents sont les démos officielles et le code source de la doc — ils montrent presque chaque fonctionnalité en situation. Le piège pour les débutants est le même qu'avec tout outil code-first : ici, un « exemple » est un dépôt à cloner et à modifier, pas un modèle que vous remplissez via une interface.

Exporter Slidev vers PowerPoint et PDF

L'export PDF est une fonctionnalité de premier ordre, prise en charge officiellement, et il fonctionne bien. Slidev dispose d'une commande intégrée slidev export (appuyée sur Playwright) qui rend chaque diapositive dans un PDF propre, une page par diapositive — le chemin pris en charge, et le PDF ressemble exactement à votre présentation. Vous pouvez aussi exporter en images PNG de la même manière.

C'est avec l'export de Slidev vers PowerPoint qu'il faut gérer les attentes. Slidev peut produire un fichier .pptx, mais le résultat est dégradé : chaque diapositive arrive dans PowerPoint sous forme d'image plate, et non de zones de texte, de formes et de mises en page modifiables. Donc si, en aval, quelqu'un doit ouvrir votre présentation dans PowerPoint et la modifier — retaper un titre, restyler un graphique, refaire couler une puce — le .pptx de Slidev ne le lui permettra pas. Slidev est conçu pour être présenté depuis le navigateur, et sa source modifiable est Markdown plus Vue, pas .pptx. Le savoir avant de commencer vous évite une pénible surprise le jour où un collègue réclame « le PowerPoint modifiable ».

Slidev vs Marp vs reveal.js

Slidev n'est pas la seule façon d'écrire des diapositives sous forme de code. Les deux options open source les plus proches — celles que l'on désigne par « alternative à Slidev » — sont reveal.js et Marp, et il faut reconnaître honnêtement qu'Open Design se situe dans une tout autre couche plutôt que de rivaliser frontalement.

Outil	Rédaction	.pptx modifiable	Gabarits	Licence
Slidev	Markdown + Vue	Non (PPTX/PDF en images)	Composants Vue + thèmes	MIT
reveal.js	HTML ou Markdown	Non (PDF→PPTX en images dégradées)	Thèmes = CSS/Sass ; gabarits communautaires	MIT
Marp	Markdown uniquement	Non (PDF/PPTX en images)	Thèmes Markdown (CSS)	MIT
Open Design	Décrivez-le à votre agent	Oui — sortie modifiable adossée à un design system	Modèles de présentation propriétaires	Apache-2.0

reveal.js est le grand frère, plus ancien et plus brut : vous rédigez en HTML (ou Markdown) et câblez les transitions avec des attributs data, échangeant l'ergonomie Markdown de Slidev contre un contrôle HTML plus bas niveau. Si vous voulez un maximum de liberté et que écrire du balisage ne vous dérange pas, reveal.js est le choix naturel. Marp va dans l'autre sens — uniquement Markdown, délibérément minimal, sans composants — ce qui en fait la voie la plus rapide quand vos diapositives sont surtout du texte et que vous ne voulez jamais penser à un framework. Slidev se place au milieu : Markdown d'abord pour la vitesse, avec des composants Vue à portée de main quand une diapositive doit en faire plus.

Les trois sont des outils code-first de même forme fondamentale : vous écrivez la présentation, vous présentez dans un navigateur, et la sortie PowerPoint modifiable n'est pas vraiment le but. Choisir entre eux tient surtout à la surface de rédaction que vous voulez — Markdown plus Vue, HTML brut ou Markdown pur — et non à des capacités que l'un aurait et les autres non.

Où Open Design trouve sa place

Voici la frontière honnête. Slidev vous demande d'écrire la présentation — chaque diapositive, en Markdown et Vue. C'est un atout si vous voulez des diapositives rédigées à la main, versionnées, avec des composants en direct, et rien ici ne le remplace si tel est votre objectif.

Open Design est une couche différente, et c'est un produit que nous fabriquons ; lisez donc ceci en gardant cela à l'esprit. C'est un Agent-Native Design Workspace open source (Apache-2.0), local-first et bring-your-own-key, qui se place en dehors de l'agent de code que vous utilisez déjà — Claude Code, Codex ou Cursor. Au lieu de rédiger à la main du Markdown et des composants, vous décrivez la présentation voulue et l'agent en génère une version modifiable adossée à un design system, de sorte qu'elle sort conforme à la marque et reste modifiable au lieu de se figer en un artefact rendu. Open Design fournit aussi ses propres modèles de présentation comme point de départ.

Ce n'est pas un remplaçant de Slidev si ce que vous voulez, c'est écrire des diapositives sous forme de code avec des composants Vue et un contrôle total — c'est le terrain de Slidev, et il y excelle. Open Design est fait pour le cas où vous préférez briefer un agent plutôt qu'écrire du balisage, où vous voulez que la sortie corresponde à un design system sur de nombreuses présentations, et où vous voulez à la fin des fichiers modifiables qui vous appartiennent. Optez pour Slidev quand la présentation est le Markdown que vous écrivez ; optez pour un espace de travail quand la présentation n'est qu'une sortie conforme à la marque parmi d'autres qu'un agent produit pour vous.

FAQ

Slidev est-il gratuit ? Oui. Slidev est open source sous licence MIT — utilisable gratuitement, y compris à titre commercial, sans compte, sans filigrane et sans limite d'export. Vous l'exécutez vous-même depuis votre propre projet.

Comment utiliser les thèmes Slidev ? Définissez un thème dans le frontmatter de votre présentation (par exemple theme: seriph) et Slidev l'installe et l'applique. Il y a une galerie officielle plus des thèmes communautaires sur npm. Un thème personnalisé consiste à créer ou forker un paquet de thème avec vos propres mises en page, polices et couleurs — c'est du code, pas une feuille de style que l'on échange.

Puis-je exporter Slidev vers PowerPoint ? Slidev peut exporter en .pptx, mais c'est dégradé — chaque diapositive atterrit en image plate, pas en texte et formes modifiables. L'export PDF et PNG (via slidev export) est la voie propre et de premier ordre. Si vous avez besoin d'un PowerPoint modifiable, Slidev n'est pas la bonne source.

Slidev vs Marp vs reveal.js — lequel choisir ? Les trois sont open source, code-first et sous licence MIT. Choisissez Slidev pour Markdown plus composants Vue (parfait quand les diapositives doivent être interactives), reveal.js pour le contrôle HTML brut, et Marp pour les présentations Markdown les plus simples. Aucun ne vise une sortie PowerPoint modifiable.

Faut-il savoir coder pour utiliser Slidev ? En pratique, oui. Slidev est un outil de développeur — vous travaillez dans un éditeur de texte et un terminal avec Markdown, Vue et un serveur de dev, pas dans une interface glisser-déposer. Si vous préférez décrire une présentation en langage naturel, c'est précisément la lacune que comble un espace de travail agent-native comme Open Design.

À retenir

Slidev mérite ses 47,6k étoiles : c'est une façon gratuite, sous licence MIT et pensée pour les développeurs de construire de belles présentations à partir de Markdown, avec de vrais thèmes, du rechargement à chaud, des composants Vue en direct et un export PDF propre. Entrez-y simplement les yeux ouverts — c'est un outil dans lequel on écrit, pas une application dans laquelle on clique, et « exporter vers un PowerPoint modifiable » n'est pas ce qu'il fait de mieux. Si vous voulez rédiger des présentations sous forme de code, Slidev (ou reveal.js / Marp) est un excellent point d'ancrage. Si vous préférez décrire une présentation et laisser votre agent en générer une version modifiable, conforme à la marque et qui vous appartient, c'est là qu'un Agent-Native Design Workspace prend le relais.