OpenDesign Motion: alternativa gratuita y de código abierto a Claude Motion

OpenDesign Motion se publicó el 15 de octubre de 2026 en OpenDesign v0.25.0. El nombre en clave de esa versión es OpenDesign Motion. El titular lo llama la alternativa de código abierto a Claude Motion.

Este es un sitio independiente. No estamos afiliados a OpenDesign, Anthropic ni Google.

El código está en el repositorio open-design. La versión cuenta 53 PR, 16 colaboradores y 21 días. La línea bajo ese recuento es convertir ideas en vídeos con código.

Qué es OpenDesign Motion

OpenDesign Motion es motion design de código abierto construido como código. OpenDesign tiene licencia Apache 2.0. La versión lo sitúa como una alternativa a Claude Motion de código abierto. No es un modelo de texto a vídeo.

Un agente de código escribe HTML, CSS y GSAP. HyperFrames renderiza esa página a un MP4 determinista con Chrome headless y FFmpeg. HyperFrames es el framework de vídeo de código abierto y nativo para agentes de HeyGen, integrado como ciudadano de primera clase en OpenDesign. La licencia del framework es Apache-2.0. El README marca las miniaturas del catálogo como © HeyGen.

Las notas de v0.25.0 dicen que empieces por cinco ejemplos incluidos, crees una animación editable y exportes un MP4. Pide un vídeo y el resultado son archivos fuente editables y un MP4. Las animaciones interactivas siguen siendo HTML ejecutable. El sonido se detiene cuando sales de la vista previa activa. Los cinco ejemplos son Motion Future, Product Promo, Showreel, UI Morph y Visual Lesson. La exportación de vídeo comprueba que el MP4 pueda reproducirse, y una exportación fallida conserva la fuente editable.

La misma versión dice que esta versión hace más fluidos la edición, las vistas previas y continuar el trabajo entre dispositivos.

El README dice que con el repositorio llegan 11 plantillas de HyperFrames y 39 prompts de Seedance. El README apunta el flujo de render de OpenDesign (caché de composición, solución temporal de sandbox-exec y MP4-as-chip) a design-templates/hyperframes/ en el repositorio.

El README también dice que puedes emparejar HyperFrames con otros generadores. Seedance 2.0 se nombra para texto a vídeo e imagen a vídeo cinematográficos. Veo 3, Sora 2 y Kling 2 se nombran como variantes de modelo enrutadas. Suno v5 y Lyria 2 se nombran para la capa de audio. Ese emparejamiento es un segundo camino. El render de Motion en sí sigue siendo la animación HTML convertida en un MP4.

OpenDesign no incluye un agente. El README dice que el motor de diseño es el binario claude, codex, cursor-agent, copilot, hermes o kimi que ya está en tu PATH. Se cambia con un clic.

La app en sí es de código abierto. No incluye un modelo, así que el coste del modelo depende del agente o de la clave de API que aportes.

El 17 de octubre de 2026, eogee.com informó de que el equipo de lanzamiento de OpenDesign dijo que el vídeo de demostración del lanzamiento se hizo con DeepSeek V4.1 Flash dentro de OpenDesign. Esa es la afirmación del proveedor. La nota no incluye un benchmark independiente.

Cómo instalar OpenDesign

Los pasos de abajo son las rutas de instalación del README de OpenDesign. Los bloques de comandos están copiados de ese archivo.

App de escritorio

El README llama a la app de escritorio el camino más rápido. No necesita Node, ni pnpm, ni un clon.

Tras la instalación, la app detecta automáticamente cada CLI de agente de código en tu PATH. Carga 100+ skills funcionales, el catálogo aparte de plantillas de renderizado y 151 sistemas de diseño. Escribes un brief en la vista de entrada.

Los proyectos pueden ejecutarse en local o en tu propio despliegue. Las solicitudes a modelos en la nube y las solicitudes a OpenDesign Cloud van a esos servicios.

Instalar en un agente de código

Puedes usar OpenDesign sin la interfaz gráfica. Llámalo como skill, plugin o servidor MCP dentro de Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi y más.

/usr/bin/od puede ocultar el od de OpenDesign. Si instalaste la app de macOS desde el DMG o el cask de Homebrew, el shell puede seguir resolviendo od a la utilidad de volcado octal /usr/bin/od de Apple. Abre Settings → MCP server en la app de escritorio y copia el fragmento específico del cliente. Ese fragmento usa rutas absolutas y no depende del comando od a secas. Los usuarios de WSL2 deben seguir primero docs/wsl-setup.md en el repositorio.

install.sh es un envoltorio de shell fino alrededor de od mcp install. Existe para que la URL alojada devuelva shell en lugar del HTML de respaldo de la página de destino, y falla de inmediato si tu shell resuelve un binario od que no es de 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>

Después, dentro del agente:

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

En una ejecución local de CLI con sistema de archivos, el agente compone la skill funcional o la plantilla de diseño seleccionada con tu DESIGN.md, escribe los archivos canónicos del proyecto y OpenDesign previsualiza esos archivos. Una ejecución BYOK o de API simple sin herramientas de sistema de archivos devuelve un bloque <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

Si el navegador pide credenciales, usa open-design como nombre de usuario y el valor de OD_API_TOKEN de deploy/.env como contraseña. Así el tráfico del bridge de Docker queda autenticado sin redes del host. Los clientes de API pueden seguir usando Authorization: Bearer <OD_API_TOKEN>.

Ejecutar desde el código fuente

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

Abre la URL que imprime tools-dev. Los puertos de desarrollo se asignan de forma dinámica salvo que pases flags de puerto explícitos.

Usa Node ~24 y pnpm 10.33.x. Las notas de WSL2 están en docs/wsl-setup.md. Las notas de Windows nativo están en docs/windows-troubleshooting.md. La guía rápida completa, las variables de entorno y el flujo de build empaquetado están en QUICKSTART.md. Esos archivos están en el repositorio.

Cómo empezar Motion

Las notas de v0.25.0 dan este camino. Abre Motion Design en Home o Community. Elige uno de los cinco ejemplos incluidos. Usa las skills de motion del selector @. Pide un vídeo. Obtienes archivos fuente editables y un MP4. Las animaciones interactivas siguen siendo HTML ejecutable. El sonido se detiene cuando sales de la vista previa activa.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Las filas de abajo usan la versión v0.25.0, el README de OpenDesign, el artículo del 8 de octubre de 2026 de Anthropic, el centro de ayuda de Claude Motion y la página de este sitio sobre qué es Gemini Omni.

Claude Motion está en beta en Team y Enterprise. El centro de ayuda dice que está activado de forma predeterminada en Team. En Enterprise permanece desactivado hasta que un propietario lo active en Organization settings > Artifacts. El artículo de Anthropic indica a los administradores de Enterprise que usen ese mismo interruptor para Dashboards y Motion.

Claude escribe código que anima texto, gráficos, formas e imágenes. Puedes cambiar cualquier palabra, número o tiempo. Puedes ajustar la pieza en el editor, o pedirle a Claude que la cambie, y luego descargar un MP4. El centro de ayuda dice que la animación es un artefacto construido a partir de la plantilla Motion. Se guarda en la pestaña Artifacts. Exporta con Export > MP4. Es privado de forma predeterminada. Compártelo para compartirlo. El uso cuenta para los límites de uso del plan. Las animaciones más largas o más complejas consumen más.

Los ejemplos del artículo son un informe trimestral convertido en una explicación de 30 segundos para una reunión general, motion sobre un gráfico en una presentación para el consejo, y un recorrido del producto para la incorporación de clientes. Esas líneas son ejemplos del artículo. La duración máxima, la resolución y la tasa de fotogramas no están publicadas. Anthropic dice que Claude Motion no usa un modelo de generación de vídeo. No hay metraje generado ni personas generadas por IA. Anthropic enumera un traspaso a Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI o Runway, y Canva y Captions llegarán pronto.

Gemini Omni es el modelo generativo que Google presentó en I/O 2026 el 19 de mayo. Crea vídeo a partir de entrada de texto, imagen, audio o vídeo, con audio sincronizado nativo. La primera versión es Gemini Omni Flash. Genera metraje real. OpenDesign Motion y Claude Motion renderizan animaciones basadas en código. Omni está incluido en Google AI Plus, Pro y Ultra.

Una celda dice No publicado cuando estas fuentes no afirman ese hecho.

Cuándo usar cada uno

1. Usa OpenDesign Motion para motion design de código abierto que puedes editar como HTML, CSS y GSAP, y luego exportar como MP4. La app de escritorio cubre macOS y Windows. Linux se ejecuta desde el código fuente. Aportas un agente de código que ya está en tu PATH, o instalas OpenDesign en uno.
2. Usa Claude Motion en un plan Team o Enterprise de Claude cuando quieras una animación en beta de texto, gráficos, formas e imágenes dentro de Claude. Team lo tiene activado de forma predeterminada. Un propietario de Enterprise lo activa en Organization settings > Artifacts. Empieza por el artículo de Anthropic y el centro de ayuda.
3. Usa Gemini Omni cuando quieras metraje generado y audio sincronizado nativo. Qué es Gemini Omni cubre ese modelo. Redacta prompts de metraje de Gemini Omni, o prompts de Seedance y Veo para el camino de emparejamiento de OpenDesign, en el generador de prompts.

Lecturas relacionadas

• OpenDesign en GitHub
• Versión OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Qué es Gemini Omni
• Generador de prompts