Créer des présentations à partir d'une vidéo ou d'un article avec Open Design (avec des crédits gratuits)

Open Design ne sert pas qu'aux pages web — c'est un puissant générateur de présentations. Ce guide se concentre là-dessus : transformer la transcription d'une vidéo YouTube ou n'importe quel article en une présentation soignée et animée, fonctionnant gratuitement sur le palier gratuit d'un agent de code. Il couvre aussi la configuration gratuite de Codex, les systèmes de design, l'outil de croquis et l'import d'un ZIP Claude Design. Il suit la démonstration approfondie qu'Eli Rigobeli donne dans sa vidéo, réécrite en anglais et mise à jour selon la version actuelle. Regardez la vidéo ci-dessus, ou poursuivez la lecture de la version écrite.

Mode présentation : choisissez une catégorie de présentation et forkez un exemple comme point de départ.

Qu'est-ce qu'Open Design ?

Open Design est une plateforme de design open source et local-first — une alternative à Claude Design que vous exécutez sur votre propre machine, pilotant n'importe quel agent ou modèle de votre choix (Codex, Claude Code, Gemini, OpenCode, ou votre propre API key) au lieu d'être enfermé chez un fournisseur avec un plafond de tokens. Il est livré avec une riche bibliothèque de systèmes de design (chacun un DESIGN.md) et des compétences de design, et va au-delà des pages jusqu'aux présentations, images et vidéo.

Étape 1 — Installer et connecter un modèle gratuit

Téléchargez l'installeur depuis open-design.ai/download (macOS / Windows), ou lancez depuis les sources :

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Ouvrez l'URL locale qu'il affiche (un port dynamique — ne le codez pas en dur). Pour une configuration gratuite, Eli connecte Codex en se connectant avec un compte ChatGPT gratuit (qui accorde des crédits hebdomadaires), de sorte que toute la session ne coûte rien. Dans les paramètres, vous pouvez aussi tester la connexion, ajouter des fournisseurs de médias (image/vidéo/audio), changer de langue et adopter un compagnon de bureau.

Étape 2 — Générer une présentation à partir de contenu existant

C'est le flux de travail phare. Vous n'avez pas à écrire une présentation de zéro — donnez à Open Design du contenu que vous avez déjà :

1. Choisissez Présentation, nommez-la et sélectionnez un système de design (vous pouvez même en mélanger deux, p. ex. un look de marque + un look de code).
2. Prenez le contenu source — Eli copie la transcription d'une vidéo YouTube (n'importe quel article convient aussi) — et faites en sorte qu'un LLM le transforme en brief de présentation (« génère un prompt pour une présentation de 5 diapositives à partir de cette transcription : … »).
3. Collez cela dans Open Design et envoyez. Il effectue une brève passe de découverte (audience, ton visuel — p. ex. « magazine éditorial », niveau d'animation) et une direction visuelle, puis construit.

Le résultat est une présentation vraiment soignée — celle d'Eli avait des animations de transition fluides entre diapositives et un look éditorial cohérent sur cinq diapositives, présentable en plein écran. C'est le moyen le plus rapide de transformer une conférence, un article ou une vidéo en diapositives partageables.

Un véritable prototype généré, rendu dans l'aperçu — Open Design construit aussi des pages interactives complètes, pas seulement des présentations.

Étape 3 — Plus d'entrées : croquis, références et ZIP Claude Design

Open Design accepte plusieurs points de départ au-delà d'un prompt textuel :

• Outil de croquis — dessinez une mise en page approximative (« bannière ici, cartes en dessous »), annotez-la et faites-la construire à partir de votre croquis.
• Fichiers de référence — glissez des images, des captures d'écran ou des dossiers comme contexte, et mentionnez-les avec @ (ou des compétences) directement dans le prompt.
• Import d'un ZIP Claude Design — vous avez déjà un système de design dans Claude Design ? Exportez-le en ZIP, importez-le, et Open Design construit de nouveaux artefacts qui suivent vos tokens et votre marque existants.

La galerie HyperFrames : des pièces de motion et de vidéo pilotées par le code que vous pouvez forker et remixer.

Étape 4 — Éditer, surveiller son coût et livrer

Utilisez Éditer/Inspecter pour ajuster visuellement des éléments (laissez l'agent ajouter des balises data-oid si l'Inspection le demande), et le commentaire-à-édition pour marquer des endroits. Eli garde un œil sur le solde gratuit de Codex — une landing page a coûté ~21 % des crédits gratuits hebdomadaires, une présentation un peu plus — prouvant qu'on peut faire du vrai travail sans payer. Une fois terminé, Partager exporte vers PDF/PowerPoint/ZIP/HTML ou déploie sur Vercel.

Son conseil sur les coûts : si vous préférez utiliser une API key, choisissez des modèles bon marché (GLM, Kimi, DeepSeek) — ils coûtent une fraction du prix et sont largement assez bons pour l'itération de design.

Conseils

• Donnez-lui du contenu, n'écrivez pas de zéro — une transcription ou un article → une présentation finie.
• Connectez Codex via un compte ChatGPT gratuit (crédits hebdomadaires) pour fonctionner gratuitement.
• Mélangez deux systèmes de design pour un look personnalisé ; utilisez l'outil de croquis quand vous avez une mise en page en tête.
• Importez un ZIP Claude Design pour réutiliser un système de design existant.
• Surveillez le solde de crédits et passez à des modèles API bon marché (GLM/Kimi/DeepSeek) pour passer à l'échelle.

FAQ

Open Design peut-il créer des présentations, et pas seulement des pages web ? Oui — le mode présentation transforme un prompt (ou une transcription/un article que vous collez) en une présentation HTML soignée et animée que vous pouvez présenter en plein écran ou exporter vers PowerPoint/PDF.

Puis-je l'exécuter entièrement gratuitement ? Oui — connectez Codex avec un compte ChatGPT gratuit (ou le palier gratuit de Gemini) ; Eli construit des pages et des présentations sans payer, en surveillant seulement le solde hebdomadaire de crédits.

À partir de quelles entrées peut-il démarrer ? Un prompt textuel, un croquis dessiné à la main, des images/captures d'écran/dossiers de référence, ou un ZIP Claude Design importé.

Est-ce gratuit et open source ? Oui — Apache-2.0. Exécutez-le localement gratuitement ; vous ne payez que pour l'usage du modèle/des médias de ce que vous connectez.

---

Ce guide écrit est basé sur la démonstration approfondie d'Eli Rigobeli. Regardez la vidéo complète ci-dessus, et abonnez-vous à Eli Rigobeli pour plus de contenu de build IA.