Cómo crear motion graphics con IA usando Claude y OpenArt

Hay dos formas de crear motion graphics con IA. Puedes pedir a un modelo de vídeo con IA que incruste el texto en un clip y confiar en que escriba cada palabra bien. O puedes crear las imágenes en OpenArt y pedir a Claude que construya el movimiento en código. Cada palabra, color y movimiento se mantiene editable, así que una errata se arregla con una línea en lugar de con una nueva generación.

Esta guía sigue nuestro tutorial con la creadora Mia Meow. Cubre tres flujos de trabajo (un carrusel de Instagram en movimiento, gráficos sobre un vídeo con IA y un vídeo animado completo creado en código) además de la configuración inicial.

¿Qué son los motion graphics con IA?

Los motion graphics son texto, formas e imágenes en movimiento: rótulos, etiquetas de producto, publicaciones animadas para redes y subtítulos en un vídeo. Los motion graphics con IA usan la IA para crear las imágenes, el movimiento o ambos.

Los dos enfoques funcionan de forma muy distinta:

Esta guía enseña el segundo enfoque. Los modelos de vídeo con IA son geniales con personas, productos y escenas. El código es mejor para escribir un titular igual cada vez.

¿Por qué usar Claude para motion graphics?

Del tutorial destacan tres razones.

Cada letra permanece editable. Claude reconstruye el texto en código, igualando el estilo y la fuente que le muestres. Una palabra mal puesta se corrige con una rápida edición de texto.

Dejas de pagar por regenerar. Cuando el texto vive dentro de un vídeo con IA, cada corrección supone otra generación y más créditos. Con código, los créditos van a las imágenes y clips que realmente quieres. Los cambios de texto y los ajustes de tiempo se hacen en código.

Probar anuncios sale barato. ¿Quieres probar dos titulares en el mismo vídeo de producto? Cambia una línea y exporta de nuevo. La toma del producto se queda exactamente igual, así que la prueba solo mide el titular.

Flujo de trabajo 1: cómo crear un carrusel de Instagram en movimiento

Los carruseles merecen la pena. El estudio de Instagram de 2026 de Metricool, con más de 24 millones de publicaciones, descubrió que los carruseles obtienen unas 9 veces más guardados que las publicaciones de una sola imagen. Un carrusel en movimiento destaca aún más en el feed. Para publicaciones estáticas, el Generador de publicaciones de Instagram es una ruta más rápida.

Tres diapositivas de carrusel creadas en un solo chat de Claude, cada una con su propio titular animado.

Paso 1: Crea la imagen dentro de Claude. Con OpenArt MCP conectado, Claude funciona como un Generador de imágenes con IA de Claude, así que puedes planear la idea, escribir el texto y generar la imagen en un solo chat. En el tutorial, Mia le dio a Claude una foto de una zapatilla y una foto de ella misma, y Claude creó la imagen de la diapositiva con GPT Image 2.5 en OpenArt.

Paso 2: Divide la imagen en capas. Abrir Extract Layers desde las herramientas de imagen de OpenArt y sube la imagen. Define el máximo de capas que quieras, entre 2 y 16. Mia lo puso en 6. Nuestra guía sobre cómo dividir una imagen en capas editables explica la herramienta con más detalle.

Extract Layers convierte una imagen plana en capas separadas que puedes mover de forma independiente.

Paso 3: Deja que Claude extraiga las capas. Guarda las capas en tu cuenta de OpenArt. Claude las coge a través de MCP, así que no hay nada que descargar ni arrastrar. Luego dile a Claude cómo debe moverse cada capa: la persona entra deslizándose, el fondo se desplaza, la zapatilla aparece.

Paso 4: Reconstruye el texto en código. La capa de texto de Extract Layers es una imagen de palabras. Pídele a Claude que la reconstruya como texto real en código, manteniendo el estilo y la fuente. El titular queda entonces totalmente editable.

¿Cómo ayudan una carpeta de proyecto y una biblioteca de estilos?

Una carpeta de proyecto y una biblioteca de estilos aceleran cada nuevo proyecto.

Primero, mantén una sola carpeta de proyecto. El prompt de configuración del tutorial la crea por ti: entradas, referencias, audio, vídeos terminados y plantillas, además de un archivo de reglas que Claude sigue.

Una carpeta para todo. Claude sabe dónde encontrar tus imágenes, voces en off y estilos guardados.

Segundo, crea una biblioteca de estilos de motion graphics. Cuando consigas un look que te guste, guárdalo. Cuando veas un estilo de movimiento que te encante en otro sitio, añade el vídeo de referencia y pídele a Claude que lo recree. La próxima vez, Claude lee la biblioteca, sugiere estilos que encajan y reutiliza el código en lugar de empezar desde cero.

Flujo de trabajo 2: cómo añadir motion graphics a un vídeo con IA

Añadir gráficos sobre un vídeo con IA es el flujo de trabajo más útil para anuncios de producto. Para un anuncio completo creado a partir de un briefing, consulta cómo crear anuncios en vídeo con IA en Claude.

Paso 1: Crea un clip limpio. Mia hizo un clip corto de zapatos con Seedance 2.5 en el Generador de vídeo con IA. Que sea sencillo y deja el texto fuera del prompt del vídeo. El texto llega después, en el código. Para ideas de prompts, consulta estos Ejemplos de prompts de vídeo con IA para MCP.

Paso 2: Elige un estilo con una imagen fija. Sus primeras versiones parecían genéricas. Así que tomó un fotograma claro del clip y le pidió a Claude que creara tres estilos artísticos con GPT Image 2.5 a través de MCP: un look de revista de moda, un look de pantalla de videojuego y un look de dibujo hecho a mano.

El estilo de garabato dibujado a mano, uno de los tres looks probados en un solo fotograma antes de animar nada.

Paso 3: Dale a Claude el clip y la imagen fija. El clip es la base. La imagen fija muestra cómo debería verse. Claude reconstruye cada letra y gráfico en código encima del vídeo.

Entrada: un clip sencillo y una imagen fija con estilo. Salida: el mismo clip con gráficos en vivo y editables.

Paso 4: describe las tomas con palabras sencillas. Aquí basta con palabras del día a día. El plan de tomas de Mia eran cuatro líneas: el nombre Cloud Flow, un primer plano de la malla, la tecnología de espuma cloud y el talón antiarañazos. Claude lo convirtió en texto en pantalla y temporización. Si quieres más control, pide a Claude que te muestre la lista de tomas antes de construir nada.

Lo que dijo Mia a la izquierda y el texto que Claude escribió para cada plano a la derecha.

Paso 5: Prueba titulares sin una nueva generación. Cambia la línea del titular en el código y exporta de nuevo. La toma del producto no cambia y no gastas créditos en un segundo vídeo.

Titular A y titular B en el mismo clip. Solo cambió una línea de código.

Esto importa sobre todo a los profesionales del marketing de rendimiento. Puedes crear un lote de versiones de un anuncio a partir de un buen clip y dejar que los resultados elijan al ganador. Nuestra guía de pruebas de creatividades publicitarias con IA muestra cómo planificar esas pruebas.

Flujo de trabajo 3: cómo crear un vídeo animado completo en código

También puedes prescindir del modelo de vídeo por completo. El ejemplo de Mia es «Mimi tiene hambre», un acogedor vídeo estilo videojuego sobre un gato que prepara la tortilla perfecta. Los cuadros de texto, los menús, el minijuego y la pantalla de resultados son todo código.

Personajes. GPT Image 2.5 en OpenArt creó una hoja con el gato en seis poses sobre un fondo verde liso, además del fondo de la cocina. Claude separó cada pose y las fue intercambiando en el tiempo, como un stop-motion de papel. Este método funciona mejor para un look entrecortado y hecho a mano. Claude también puede dibujar personajes sencillos a mano directamente en código.

Una imagen, seis poses. Claude alterna entre ellas para hacer que el gato se mueva.

Sonido. Las voces vienen de la herramienta Create voice-over de OpenArt. Los efectos de sonido y la música de 8 bits se escribieron en código.

Dirección. Mia describió una historia y un estilo, y Claude resolvió el movimiento. El mismo enfoque funciona para videoclips con música original, explicativos y breves historias de marca. Si prefieres no trabajar con código, el Generador de animaciones con IA crea vídeos animados a partir de un prompt.

Cómo configurar Claude y OpenArt para motion graphics

Solo tienes que hacer la configuración una vez.

1. Abre Claude Code en la aplicación de escritorio. Abre la pestaña Código, crea una nueva carpeta de proyecto, ábrela en Claude Code y permite el acceso. Si eres nuevo creando visuales en Claude, empieza por esto Guía de generación de imágenes y vídeos de Claude Opus 5.5.
2. Añade el plugin de Remotion. Remotion es la biblioteca de código que convierte el código de Claude en vídeo. En la app de escritorio de Claude, selecciona Code, luego Customize, luego Plugins y después Discover. Busca «remotion» y añade el plugin.
3. Ejecuta el prompt de configuración. El paquete de instalación está enlazado en la descripción del vídeo. El prompt instala Node.js y Git si faltan, configura un proyecto de Remotion, añade plantillas y un archivo de reglas, y crea un breve vídeo de prueba. Configura los permisos en «aceptar ediciones» para que Claude pueda trabajar sin preguntar en cada paso.
4. Conecta OpenArt MCP. En Claude de escritorio o en claude.ai, ve a Personalizar y luego a Conectores. Haz clic en Añadir conector personalizado, nómbralo OpenArt y pega esta URL de servidor: https://mcp.openart.ai/mcp. Haz clic en Añadir, luego en Conectar e inicia sesión con tu cuenta de OpenArt. Los pasos completos para otros agentes están en la página de MCP.

Una nota sobre las herramientas: OpenArt MCP genera las imágenes y los vídeos, y Claude se encarga de la animación en código. Extract Layers y Create voice-over se ejecutan en la web de OpenArt. Crea ahí las capas o la voz en off, guárdalas, y Claude las extrae de tu cuenta.

Una nota sobre Remotion: es gratis para personas individuales y equipos de hasta 3 personas. Las empresas con 4 o más personas necesitan una licencia de empresa de Remotion.

Empieza con un proyecto pequeño, como una sola diapositiva animada de carrusel. Una vez que tengas la carpeta y la biblioteca de estilos listas, procesa el resto por lotes.

¿Cuánto cuesta?

Hay dos cuentas involucradas.

Claude. Necesitas Claude Code en la app de escritorio de Claude.

OpenArt. Los créditos se gastan en lo que OpenArt genera: imágenes, clips de vídeo, capas y voces en off. Editar texto, tiempos y movimiento en código no consume créditos de OpenArt. Ese es el principal ahorro frente a regenerar vídeo con IA hasta que el texto salga bien.

Si los motion graphics son para trabajos de cliente o anuncios, ten en cuenta que los derechos comerciales se aplican en los planes de pago elegibles. Las cuentas nuevas reciben 40 créditos gratis para probarlo, sin tarjeta de crédito. Consulta la página de precios para ver los planes y créditos actuales.

Preguntas frecuentes

¿Puede Claude crear motion graphics?

Sí. Con Claude Code y el plugin de Remotion, Claude escribe la animación como código y la exporta como vídeo. Claude no tiene modelo de imagen propio (aquí tienes por qué Claude no puede generar imágenes), así que combínalo con OpenArt MCP. Claude también funciona entonces como un Generador de vídeo con IA de Claude y puede crear las imágenes, los personajes y los clips que anima.

¿Necesito After Effects o conocimientos de animación?

No. Todo en el tutorial se hizo sin After Effects. Describes la historia, el estilo y las tomas con palabras sencillas, y Claude se encarga del movimiento.

¿Por qué dejar el texto fuera del prompt del vídeo con IA?

Los modelos de vídeo con IA dibujan el texto como parte de la imagen. Si una palabra está mal, tienes que generar el clip entero otra vez. Cuando el texto vive en el código, lo arreglas con una edición rápida y el resto del vídeo queda exactamente igual.

¿Qué es la configuración de Claude y Remotion?

Remotion es una biblioteca de código para crear vídeos. El plugin de Remotion para Claude Code le da a Claude lo que necesita para montar proyectos de Remotion. Lo añades desde la sección Plugins de la app de escritorio de Claude.

¿Es Remotion gratis?

Remotion es gratis para particulares y equipos de hasta 3 personas. Las empresas con 4 o más personas necesitan una licencia de empresa de Remotion.

¿Qué plan de OpenArt necesito?

OpenArt MCP funciona en todos los planes, incluido Starter. Los planes más grandes te dan más créditos mensuales para imágenes y clips. Los derechos comerciales se aplican en los planes de pago elegibles.