OpenDesign Motion: alternativa gratuita e open source a Claude Motion

OpenDesign Motion è uscito il 15 ottobre 2026 in OpenDesign v0.25.0. Il nome in codice di quella release è OpenDesign Motion. Il titolo lo chiama l’alternativa open source a Claude Motion.

Questo è un sito indipendente. Non siamo affiliati a OpenDesign, Anthropic o Google.

Il codice è nel repository open-design. La release conta 53 PR, 16 contributori e 21 giorni. La riga sotto quel conteggio è trasformare le idee in video con il codice.

Che cos’è OpenDesign Motion

OpenDesign Motion è motion design open source costruito come codice. OpenDesign è concesso in licenza Apache 2.0. La release lo posiziona come un’alternativa a Claude Motion open source. Non è un modello text-to-video.

Un agente di coding scrive HTML, CSS e GSAP. HyperFrames renderizza quella pagina in un MP4 deterministico con Chrome headless e FFmpeg. HyperFrames è il framework video open source e nativo per agenti di HeyGen, integrato come cittadino di prima classe in OpenDesign. La licenza del framework è Apache-2.0. Il README segna le miniature del catalogo come © HeyGen.

Le note della v0.25.0 dicono di partire da cinque esempi inclusi, creare un’animazione modificabile ed esportare un MP4. Chiedi un video e il risultato sono file sorgente modificabili e un MP4. Le animazioni interattive restano HTML eseguibile. L’audio si ferma quando lasci l’anteprima attiva. I cinque esempi sono Motion Future, Product Promo, Showreel, UI Morph e Visual Lesson. L’esportazione video controlla che l’MP4 possa essere riprodotto, e un’esportazione fallita conserva la sorgente modificabile.

La stessa release dice che questa versione rende più fluidi la modifica, le anteprime e il proseguire il lavoro tra dispositivi.

Il README dice che 11 template HyperFrames e 39 prompt Seedance arrivano con il repository. Il README punta il flusso di render di OpenDesign (cache di composizione, workaround sandbox-exec e MP4-as-chip) a design-templates/hyperframes/ nel repository.

Il README dice anche che puoi abbinare HyperFrames ad altri generatori. Seedance 2.0 è nominato per text-to-video e image-to-video cinematografici. Veo 3, Sora 2 e Kling 2 sono nominati come varianti di modello instradate. Suno v5 e Lyria 2 sono nominati per il livello audio. Quell’abbinamento è un secondo percorso. Il render di Motion in sé resta l’animazione HTML trasformata in un MP4.

OpenDesign non include un agente. Il README dice che il motore di design è il binario claude, codex, cursor-agent, copilot, hermes o kimi già presente nel tuo PATH. Si cambia con un clic.

L’app stessa è open source. Non include un modello, quindi i costi del modello dipendono dall’agente o dalla chiave API che porti.

Il 17 ottobre 2026, eogee.com ha riferito che il team di lancio di OpenDesign ha detto che il video demo del lancio è stato fatto con DeepSeek V4.1 Flash dentro OpenDesign. È l’affermazione del fornitore. La nota non include un benchmark indipendente.

Come installare OpenDesign

I passaggi sotto sono i percorsi di installazione nel README di OpenDesign. I blocchi di comandi sono copiati da quel file.

App desktop

Il README chiama l’app desktop il percorso più rapido. Non serve Node, non serve pnpm e non serve un clone.

Dopo l’installazione, l’app rileva automaticamente ogni CLI di agente di coding nel tuo PATH. Carica 100+ skill funzionali, il catalogo separato dei template di rendering e 151 sistemi di design. Scrivi un brief nella vista di ingresso.

I progetti possono girare in locale o nel tuo deployment. Le richieste ai modelli cloud e le richieste a OpenDesign Cloud vanno a quei servizi.

Installare in un agente di coding

Puoi usare OpenDesign senza la GUI. Chiamalo come skill, plugin o server MCP dentro Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi e altri.

/usr/bin/od può oscurare l’od di OpenDesign. Se hai installato l’app macOS dal DMG o dal cask Homebrew, la shell può ancora risolvere od nell’utilità di dump ottale /usr/bin/od di Apple. Apri Settings → MCP server nell’app desktop e copia lo snippet specifico del client. Quello snippet usa percorsi assoluti e non dipende dal comando od nudo. Gli utenti WSL2 devono seguire prima docs/wsl-setup.md nel repository.

install.sh è un sottile wrapper shell attorno a od mcp install. Esiste perché l’URL ospitato restituisca shell invece del fallback HTML della landing page, e fallisce subito se la tua shell risolve un binario od che non è di Open-Design.

# One-line install into the agent you're using:
od mcp install <agent>
# <agent> = claude | codex | reasonix | raven | cursor | copilot | openclaw
#         | antigravity | pi | vibe | hermes | cline | kimi | kiro
#         | trae | opencode

# Hosted equivalent for curl-based setup:
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>

Poi, dentro l’agente:

> Use open-design to generate a landing page with the Linear design system

In un’esecuzione CLI locale appoggiata al filesystem, l’agente compone la skill funzionale o il template di design selezionato con il tuo DESIGN.md, scrive i file canonici del progetto e OpenDesign mostra l’anteprima di quei file. Un’esecuzione BYOK o di API semplice senza strumenti di filesystem restituisce un blocco <artifact> completo.

Docker

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# open http://127.0.0.1:7456

Se il browser chiede le credenziali, usa open-design come nome utente e il valore di OD_API_TOKEN da deploy/.env come password. Così il traffico del bridge Docker resta autenticato senza networking dell’host. I client API possono continuare a usare Authorization: Bearer <OD_API_TOKEN>.

Eseguire dal sorgente

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 stampato da tools-dev. Le porte di sviluppo sono allocate in modo dinamico, salvo che tu passi flag di porta espliciti.

Usa Node ~24 e pnpm 10.33.x. Le note su WSL2 sono in docs/wsl-setup.md. Le note su Windows nativo sono in docs/windows-troubleshooting.md. Il quickstart completo, le variabili d’ambiente e il flusso di build pacchettizzato sono in QUICKSTART.md. Quei file sono nel repository.

Come iniziare Motion

Le note della v0.25.0 indicano questo percorso. Apri Motion Design su Home o Community. Scegli uno dei cinque esempi inclusi. Usa le skill di motion dal selettore @. Chiedi un video. Ottieni file sorgente modificabili e un MP4. Le animazioni interattive restano HTML eseguibile. L’audio si ferma quando lasci l’anteprima attiva.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Le righe sotto usano la release v0.25.0, il README di OpenDesign, l’articolo dell’8 ottobre 2026 di Anthropic, il centro assistenza di Claude Motion e la pagina di questo sito su che cos’è Gemini Omni.

Claude Motion è in beta su Team ed Enterprise. Il centro assistenza dice che è attivo per impostazione predefinita su Team. Su Enterprise resta disattivo finché un owner non lo attiva in Organization settings > Artifacts. L’articolo di Anthropic dice agli amministratori Enterprise di usare lo stesso interruttore per Dashboards e Motion.

Claude scrive codice che anima testo, grafici, forme e immagini. Puoi cambiare qualsiasi parola, numero o timing. Puoi regolare il pezzo nell’editor, oppure chiedere a Claude di cambiarlo, e poi scaricare un MP4. Il centro assistenza dice che l’animazione è un artefatto costruito dal template Motion. È salvato nella scheda Artifacts. Esporta con Export > MP4. È privato per impostazione predefinita. Condividi per condividerlo. L’uso conta nei limiti di utilizzo del piano. Le animazioni più lunghe o più complesse ne usano di più.

Gli esempi dell’articolo sono un report trimestrale trasformato in una spiegazione di 30 secondi per un all-hands, motion su un grafico in un deck per il consiglio e una panoramica del prodotto per l’onboarding dei clienti. Quelle righe sono esempi nell’articolo. Durata massima, risoluzione e frame rate non sono pubblicati. Anthropic dice che Claude Motion non usa un modello di generazione video. Non c’è footage generato e non ci sono persone generate dall’IA. Anthropic elenca un passaggio ad Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI o Runway, con Canva e Captions in arrivo.

Gemini Omni è il modello generativo che Google ha presentato a I/O 2026 il 19 maggio. Crea video da input di testo, immagine, audio o video, con audio sincronizzato nativo. La prima release è Gemini Omni Flash. Genera footage vero e proprio. OpenDesign Motion e Claude Motion renderizzano animazioni basate su codice. Omni è incluso in Google AI Plus, Pro e Ultra.

Una cella dice Non pubblicato quando queste fonti non dichiarano quel fatto.

Quando usare quale

1. Usa OpenDesign Motion per motion design open source che puoi modificare come HTML, CSS e GSAP, poi esportare come MP4. L’app desktop copre macOS e Windows. Linux gira dal sorgente. Porti un agente di coding che è già nel tuo PATH, oppure installi OpenDesign in uno di essi.
2. Usa Claude Motion su un piano Claude Team o Enterprise quando vuoi un’animazione beta di testo, grafici, forme e immagini dentro Claude. Team lo ha attivo per impostazione predefinita. Un owner Enterprise lo attiva sotto Organization settings > Artifacts. Parti dall’articolo di Anthropic e dal centro assistenza.
3. Usa Gemini Omni quando vuoi footage generato e audio sincronizzato nativo. Che cos’è Gemini Omni tratta quel modello. Prepara prompt di footage per Gemini Omni, oppure prompt Seedance e Veo per il percorso di abbinamento di OpenDesign, nel generatore di prompt.

Letture correlate

• OpenDesign su GitHub
• Release OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Che cos’è Gemini Omni
• Generatore di prompt