Mit Open Design Foliendecks aus einem Video oder Artikel erstellen (mit Gratis-Credits)

Open Design ist nicht nur für Webseiten da — es ist ein starker Präsentationsgenerator. Dieser Leitfaden konzentriert sich genau darauf: ein YouTube-Transkript oder einen beliebigen Artikel in ein poliertes, animiertes Foliendeck zu verwandeln, das kostenlos über das Gratis-Kontingent eines Coding-Agenten läuft. Er behandelt außerdem das kostenlose Codex-Setup, Designsysteme, das Skizzen-Tool und den Import eines Claude Design ZIP. Er folgt dem ausführlichen Walkthrough, den Eli Rigobeli in seinem Video gibt, neu auf Englisch geschrieben und auf den aktuellen Release gebracht. Sieh dir das Video oben an oder lies die schriftliche Version.

Foliendeck-Modus: Wähle eine Deck-Kategorie und forke ein Beispiel als Ausgangspunkt.

Was ist Open Design?

Open Design ist eine quelloffene, lokal-zuerst arbeitende Designplattform — eine Claude-Design-Alternative, die du auf deinem eigenen Rechner betreibst und mit der du jeden Agenten oder jedes Modell ansteuern kannst, das du willst (Codex, Claude Code, Gemini, OpenCode oder deinen eigenen API key), statt an einen Anbieter mit Token-Limit gebunden zu sein. Es bringt eine umfangreiche Bibliothek von Designsystemen mit (jedes eine DESIGN.md) sowie Design-Skills und geht über Seiten hinaus zu Foliendecks, Bildern und Video.

Schritt 1 — Installieren und ein kostenloses Modell verbinden

Lade den Installer von open-design.ai/download herunter (macOS / Windows) oder starte aus dem Quellcode:

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

Öffne die ausgegebene lokale URL (ein dynamischer Port — nicht fest verdrahten). Für ein kostenloses Setup verbindet Eli Codex, angemeldet mit einem kostenlosen ChatGPT-Konto (es gewährt wöchentliche Credits), sodass die gesamte Sitzung nichts kostet. In den Einstellungen kannst du außerdem die Verbindung testen, Medienanbieter (Bild/Video/Audio) hinzufügen, die Sprache wechseln und ein Desktop-Haustier adoptieren.

Schritt 2 — Ein Foliendeck aus vorhandenen Inhalten erzeugen

Das ist der herausragende Workflow. Du musst kein Deck von Grund auf schreiben — füttere Open Design mit Inhalten, die du bereits hast:

1. Wähle Foliendeck, benenne es und such ein Designsystem aus (du kannst sogar zwei mischen, z. B. einen Marken-Look + einen Code-Look).
2. Nimm den Quellinhalt — Eli kopiert das Transkript eines YouTube-Videos (jeder Artikel geht auch) — und lass ein LLM daraus ein Deck-Briefing machen („generiere einen Prompt für eine 5-Folien-Präsentation aus diesem Transkript: …“).
3. Füge das in Open Design ein und sende es. Es durchläuft einen kurzen Discovery-Schritt (Zielgruppe, visueller Ton — z. B. „redaktionelles Magazin“, Animationsgrad) und eine visuelle Richtung und baut dann.

Das Ergebnis ist ein wirklich poliertes Deck — Elis hatte sanfte Folienübergangs-Animationen und einen einheitlichen redaktionellen Look über fünf Folien, vollbildtauglich. Es ist der schnellste Weg, einen Vortrag, Artikel oder ein Video in teilbare Folien zu verwandeln.

Ein echter generierter Prototyp, in der Vorschau gerendert — Open Design baut auch vollständige interaktive Seiten, nicht nur Decks.

Schritt 3 — Mehr Eingaben: Skizzen, Referenzen und Claude Design ZIPs

Open Design akzeptiert über einen Text-Prompt hinaus mehrere Ausgangspunkte:

• Skizzen-Tool — zeichne ein grobes Layout („Banner hierhin, Karten darunter“), versieh es mit Anmerkungen und lass es aus deiner Skizze bauen.
• Referenzdateien — zieh Bilder, Screenshots oder Ordner als Kontext hinein und erwähne sie (oder Skills) direkt im Prompt per @.
• Claude Design ZIP-Import — du hast bereits ein Designsystem in Claude Design? Exportiere es als ZIP, importiere es, und Open Design baut neue Artefakte, die deinen bestehenden Tokens und deiner Marke folgen.

Die HyperFrames-Galerie: code-getriebene Motion- und Video-Stücke, die du forken und remixen kannst.

Schritt 4 — Bearbeiten, Kosten im Blick behalten und ausliefern

Nutze Bearbeiten/Inspizieren, um Elemente visuell anzupassen (lass den Agenten data-oid-Tags hinzufügen, wenn Inspizieren danach fragt), und Kommentar-zu-Bearbeitung, um Stellen zu markieren. Eli behält das kostenlose Codex-Guthaben im Auge — eine Landingpage kostete ~21 % der wöchentlichen Gratis-Credits, ein Deck etwas mehr — und beweist, dass man echte Arbeit ohne Bezahlung erledigen kann. Wenn fertig, exportiert Teilen nach PDF/PowerPoint/ZIP/HTML oder deployt auf Vercel.

Sein Kostentipp: Wenn du lieber einen API key nutzt, wähle günstige Modelle (GLM, Kimi, DeepSeek) — sie kosten nur einen Bruchteil und sind für Design-Iterationen mehr als gut genug.

Tipps

• Füttere es mit Inhalten, schreib nicht von Grund auf — ein Transkript oder Artikel → ein fertiges Deck.
• Verbinde Codex über ein kostenloses ChatGPT-Konto (wöchentliche Credits), um kostenlos zu arbeiten.
• Mische zwei Designsysteme für einen individuellen Look; nutze das Skizzen-Tool, wenn du ein Layout im Kopf hast.
• Importiere ein Claude Design ZIP, um ein bestehendes Designsystem wiederzuverwenden.
• Behalte das Credit-Guthaben im Blick und wechsle zu günstigen API-Modellen (GLM/Kimi/DeepSeek), um zu skalieren.

FAQ

Kann Open Design Präsentationen erstellen, nicht nur Webseiten? Ja — der Foliendeck-Modus verwandelt einen Prompt (oder ein eingefügtes Transkript/einen Artikel) in ein poliertes, animiertes HTML-Deck, das du im Vollbild präsentieren oder nach PowerPoint/PDF exportieren kannst.

Kann ich es vollständig kostenlos betreiben? Ja — verbinde Codex mit einem kostenlosen ChatGPT-Konto (oder Geminis Gratis-Kontingent); Eli baut Seiten und Decks, ohne zu bezahlen, und behält nur das wöchentliche Credit-Guthaben im Blick.

Von welchen Eingaben kann es ausgehen? Ein Text-Prompt, eine handgezeichnete Skizze, Referenzbilder/Screenshots/Ordner oder ein importiertes Claude Design ZIP.

Ist es kostenlos und quelloffen? Ja — Apache-2.0. Betreibe es lokal kostenlos; du zahlst nur für die Modell-/Mediennutzung dessen, was du verbindest.

---

Dieser schriftliche Leitfaden basiert auf Eli Rigobelis ausführlichem Walkthrough. Sieh dir oben das vollständige Video an und abonniere Eli Rigobeli für mehr AI-Build-Inhalte.