Crea presentazioni da un video o un articolo con Open Design (con crediti gratuiti)

Open Design non è solo per le pagine web — è un potente generatore di presentazioni. Questa guida si concentra proprio su questo: trasformare la trascrizione di un video di YouTube o un qualsiasi articolo in una presentazione curata e animata, eseguendola gratis sul piano gratuito di un agente di coding. Copre anche la configurazione gratuita di Codex, i design system, lo strumento di schizzo e l'importazione di uno ZIP di Claude Design. Segue la guida approfondita che Eli Rigobeli offre nel suo video, riscritta in inglese e aggiornata alla versione attuale. Guarda il video qui sopra, oppure continua con la versione scritta.

Modalità presentazione: scegli una categoria di presentazione e fai il fork di un esempio come punto di partenza.

Che cos'è Open Design?

Open Design è una piattaforma di design open source e local-first — un'alternativa a Claude Design che esegui sulla tua macchina, pilotando qualsiasi agente o modello tu voglia (Codex, Claude Code, Gemini, OpenCode, o la tua API key) invece di restare vincolato a un unico provider con un tetto di token. È fornita con un'ampia libreria di design system (ciascuno un DESIGN.md) e di design skill, e va oltre le pagine fino a presentazioni, immagini e video.

Passo 1 — Installa e connetti un modello gratuito

Scarica l'installer da open-design.ai/download (macOS / Windows), oppure esegui dai sorgenti:

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

Apri l'URL locale che stampa (una porta dinamica — non fissarla nel codice). Per una configurazione gratuita, Eli connette Codex effettuando l'accesso con un account ChatGPT gratuito (che concede crediti settimanali), così l'intera sessione non costa nulla. Nelle impostazioni puoi anche testare la connessione, aggiungere provider di media (immagine/video/audio), cambiare lingua e adottare un pet da desktop.

Passo 2 — Genera una presentazione da contenuti esistenti

Questo è il flusso di lavoro di punta. Non devi scrivere una presentazione da zero — dai in pasto a Open Design contenuti che hai già:

1. Scegli Presentazione, dalle un nome e seleziona un design system (puoi persino mescolarne due, p. es. un look di brand + un look di codice).
2. Prendi il contenuto di partenza — Eli copia la trascrizione di un video di YouTube (va bene anche un qualsiasi articolo) — e fai sì che un LLM lo trasformi in un brief della presentazione ("genera un prompt per una presentazione di 5 slide da questa trascrizione: …").
3. Incolla il tutto in Open Design e invia. Esegue un breve passaggio di discovery (pubblico, tono visivo — p. es. "rivista editoriale", livello di animazione) e una direzione visiva, poi costruisce.

Il risultato è una presentazione davvero curata — quella di Eli aveva fluide animazioni di transizione tra le slide e un look editoriale coerente su cinque slide, presentabile a schermo intero. È il modo più rapido di trasformare un intervento, un articolo o un video in slide condivisibili.

Un vero prototipo generato, renderizzato nell'anteprima — Open Design costruisce anche pagine interattive complete, non solo presentazioni.

Passo 3 — Altri input: schizzi, riferimenti e ZIP di Claude Design

Open Design accetta diversi punti di partenza oltre a un prompt testuale:

• Strumento di schizzo — disegna un layout approssimativo ("banner qui, card sotto"), annotalo e fallo costruire dal tuo schizzo.
• File di riferimento — trascina immagini, screenshot o cartelle come contesto e menzionali con @ (o le skill) direttamente nel prompt.
• Importazione di ZIP di Claude Design — hai già un design system in Claude Design? Esportalo come ZIP, importalo, e Open Design costruisce nuovi artefatti che seguono i tuoi token e il tuo brand esistenti.

La galleria HyperFrames: pezzi di motion e video guidati dal codice che puoi forkare e remixare.

Passo 4 — Modifica, tieni d'occhio il costo e pubblica

Usa Modifica/Ispeziona per ritoccare gli elementi visivamente (lascia che l'agente aggiunga i tag data-oid se l'Ispezione lo chiede), e commento-per-modificare per segnare i punti. Eli tiene d'occhio il saldo gratuito di Codex — una landing page è costata ~21% dei crediti gratuiti settimanali, una presentazione un po' di più — dimostrando che puoi fare lavoro reale senza pagare. Una volta finito, Condividi esporta in PDF/PowerPoint/ZIP/HTML o effettua il deploy su Vercel.

Il suo consiglio sui costi: se preferisci usare una API key, scegli modelli economici (GLM, Kimi, DeepSeek) — costano una frazione del prezzo e sono più che validi per l'iterazione di design.

Suggerimenti

• Dagli dei contenuti, non scrivere da zero — una trascrizione o un articolo → una presentazione finita.
• Connetti Codex tramite un account ChatGPT gratuito (crediti settimanali) per lavorare gratis.
• Mescola due design system per un look personalizzato; usa lo strumento di schizzo quando hai già un layout in mente.
• Importa uno ZIP di Claude Design per riutilizzare un design system esistente.
• Tieni d'occhio il saldo dei crediti e passa a modelli API economici (GLM/Kimi/DeepSeek) per scalare.

FAQ

Open Design può creare presentazioni, non solo pagine web? Sì — la modalità presentazione trasforma un prompt (o una trascrizione/un articolo che incolli) in una presentazione HTML curata e animata che puoi presentare a schermo intero o esportare in PowerPoint/PDF.

Posso eseguirlo del tutto gratis? Sì — connetti Codex con un account ChatGPT gratuito (o il piano gratuito di Gemini); Eli costruisce pagine e presentazioni senza pagare, tenendo solo d'occhio il saldo settimanale dei crediti.

Da quali input può partire? Un prompt testuale, uno schizzo disegnato a mano, immagini/screenshot/cartelle di riferimento, o uno ZIP di Claude Design importato.

È gratuito e open source? Sì — Apache-2.0. Eseguilo localmente gratis; paghi solo per l'uso del modello/dei media di ciò che connetti.

---

Questa guida scritta è basata sulla guida approfondita di Eli Rigobeli. Guarda il video completo qui sopra e iscriviti a Eli Rigobeli per altri contenuti di build con l'IA.