Claude Code + Remotion: Motion Graphic con l'IA
Nel 2026 l'intelligenza artificiale sta espandendo le sue capacità in ogni ambito digitale, e il motion graphic design non fa eccezione. Claude Code + Remotion rappresenta un nuovo strumento per creare video animati partendo da prompt testuali — senza dover programmare manualmente.
L'IA non sostituirà i motion designer. Ma è un alleato potente da affiancare agli strumenti tradizionali come After Effects, utile per velocizzare il lavoro e ottenere risultati sorprendenti con poco sforzo. Non serve essere programmatori esperti: se hai imparato After Effects, il resto è una passeggiata.
Setup: Gli Strumenti Necessari
Per iniziare servono tre cose: Claude Code Desktop, Node.js e la skill di Remotion. Il primo passo è scaricare Claude Code nella versione Desktop dal sito ufficiale. Poi, se non è già presente nel sistema, va installato Node.js — è necessario perché fornisce il comando NPM che permette a Claude Code di comunicare con Remotion.
La skill di Remotion è il pezzo chiave. Le skill sono estensioni che permettono a Claude di conoscere e utilizzare altri programmi. Per installarla basta un comando: npx skills add remotion-dev/skills. Scegliendo 'Allow for Project' si evita di dover confermare manualmente ogni singola operazione.
Il Primo Video: Test Base
Per verificare che tutto funzioni, il primo passo è chiedere a Claude di creare un video semplice. Nel mio caso, ho chiesto un video di 10 secondi in formato 16:9 basato sul sito web di Vyst. Claude analizza autonomamente il contenuto del sito e decide cosa inserire nell'animazione.
Remotion Studio si apre come pagina web su localhost. Qui si può vedere l'anteprima di tutti i video creati, con timeline, composizioni e controlli di riproduzione. È il centro di controllo di tutto il workflow.
Video Avanzato: Prompt Dettagliati
Dopo il primo test, si passa a qualcosa di più elaborato. Ho chiesto a Claude un video di 30 secondi con 5 scene, transizioni di 2 secondi, sfondo con gradiente che riprende i colori del logo del sito, mettendo in evidenza i servizi offerti da Vyst. Più dettagli si forniscono nel prompt, migliore è il risultato.
La Funzionalità Più Impressionante: Animare una Dashboard
Questa è la parte che mi ha stupito di più. Partendo da una semplice immagine PNG di una dashboard scaricata da Google, Claude è in grado di creare un'animazione completa che mette in movimento tutti i diversi elementi dell'interfaccia — grafici, numeri, sidebar, tutto. Un risultato che normalmente richiederebbe almeno un'ora di lavoro manuale.
Il processo è semplice: si inserisce l'immagine nella cartella del progetto, si allega al prompt con il tasto '+' in Claude Code, e si chiede di animare i diversi elementi. Claude li riconosce e li anima autonomamente.
Iterare e Perfezionare
Una volta ottenuto il risultato iniziale, si può iterare. Si chiede a Claude di modificare tempi, colori, animazioni — tutto tramite prompt testuali. Quando si è soddisfatti, basta cliccare il pulsante 'Render' in Remotion Studio per esportare il video finale, completo di tutte le animazioni.
Cosa Porto a Casa
Claude Code + Remotion permette di creare motion graphic tramite prompt testuali. Senza dover programmare manualmente, si ottengono video animati professionali.
La funzionalità più potente è l'animazione automatica di dashboard e interfacce. Partire da un'immagine statica e ottenere un video animato è qualcosa che cambia il workflow.
L'IA nel motion graphic è uno strumento di supporto, non un sostituto. L'importante è conoscere bene questi strumenti e usarli quando possono effettivamente aiutare nel processo creativo.
Questo è solo l'inizio del Vibe Motion — la creazione di motion graphic attraverso l'intelligenza artificiale. Gli strumenti evolvono rapidamente, e restare aggiornati è parte del lavoro.