Cómo crear gráficos en movimiento con IA usando Claude y OpenArt

Hay dos formas de crear motion graphics con IA. Puedes pedirle a un modelo de video con IA que integre el texto en un clip y esperar que escriba bien cada palabra. O puedes crear las imágenes en OpenArt y pedirle a Claude que construya el movimiento en código. Cada palabra, color y movimiento queda editable, así que un error de tipeo se arregla con una línea en vez de una nueva generación.

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

¿Qué son los gráficos animados con IA?

Los gráficos en movimiento son textos, formas e imágenes en movimiento: tarjetas de título, etiquetas de producto, publicaciones sociales animadas y subtítulos en un video. Los gráficos en movimiento con IA usan IA para crear las imágenes, el movimiento o ambos.

Los dos enfoques funcionan de manera muy distinta:

Esta guía enseña el segundo enfoque. Los modelos de video con IA son geniales para 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 sigue siendo editable. Claude reconstruye el texto en código, respetando el estilo y la fuente que le muestres. Una palabra equivocada se arregla con una edición rápida de texto.

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

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

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

Vale la pena crear carruseles. El estudio de Instagram 2026 de Metricool, con más de 24 millones de publicaciones, descubrió que los carruseles obtienen alrededor de 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 un camino más rápido.

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

Paso 1: Crea la imagen dentro de Claude. Con OpenArt MCP conectado, Claude funciona como un Generador de imágenes con IA de Claude, para que puedas 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 un zapato 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 Extraer capas desde las herramientas de imagen de OpenArt y sube la imagen. Define la cantidad máxima de capas que quieras, entre 2 y 16. Mia la puso en 6. Nuestra guía sobre cómo separar una imagen en capas editables explica la herramienta con más detalle.

Extract Layers convierte una imagen plana en capas separadas que puedes mover por su cuenta.

Paso 3: Deja que Claude extraiga las capas. Guarda las capas en tu cuenta de OpenArt. Claude las toma 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 se desliza hacia dentro, el fondo flota, el zapato aparece de golpe.

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, respetando el estilo y la fuente. Así el titular queda totalmente editable.

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

Una carpeta de proyecto y una biblioteca de estilos hacen que cada proyecto siguiente sea más rápido.

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

Una sola 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 logres un look que te guste, guárdalo. Cuando veas en otro lado un estilo de movimiento que te encante, suelta el video 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 vez de empezar desde cero.

Flujo 2: cómo agregar gráficos animados a un video con IA

Agregar gráficos sobre un video con IA es el flujo más útil para anuncios de productos. Para un anuncio completo creado a partir de un brief, consulta cómo crear anuncios en video 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 videos con IA. Mantenlo simple y deja el texto fuera del prompt del video. El texto viene después, en el código. Para ideas de prompts, revisa estos Ejemplos de prompts de video con IA para MCP.

Paso 2: Elige un estilo con una imagen fija. Sus primeras versiones se veían genéricas. Así que tomó un fotograma claro del clip y le pidió a Claude crear 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 cualquier cosa.

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 sobre el video.

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. Las palabras de todos los días funcionan bien aquí. El plan de tomas de Mia fueron cuatro líneas: el nombre Cloud Flow, un primer plano de la malla, la tecnología de espuma de nube y el talón antirrasguños. Claude lo convirtió en texto en pantalla y tiempos. Si quieres más control, pídele a Claude que te muestre la lista de tomas antes de crear nada.

Lo que dijo Mia a la izquierda, el texto que escribió Claude para cada toma 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 video.

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

Esto es más importante para los marketers de performance. Puedes crear un lote de versiones de anuncios a partir de un buen clip y dejar que los resultados elijan al ganador. Nuestra guía sobre prueba de creatividades publicitarias con IA muestra cómo planear esas pruebas.

Flujo 3: cómo crear un video animado completo en código

También puedes saltarte por completo el modelo de video. El ejemplo de Mia es "Mimi is hungry", un video acogedor estilo videojuego sobre un gato que prepara el omelet perfecto. 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 plano, además del fondo de la cocina. Claude separó cada pose y las fue intercambiando en el tiempo, como stop-motion de papel. Este método funciona mejor para un look entrecortado y hecho a mano. Claude también puede dibujar personajes simples a mano directamente en código.

Una imagen, seis poses. Claude alterna entre ellas para 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 videos musicales con música original, explicativos e historias cortas de marca. Si prefieres no trabajar con código, el Generador de animaciones con IA crea videos animados a partir de un prompt.

Cómo configurar Claude y OpenArt para gráficos animados

Solo necesitas hacer la configuración una vez.

1. Abre Claude Code en la app de escritorio. Abre la pestaña Code, crea una nueva carpeta de proyecto, ábrela en Claude Code y permite el acceso. Si es tu primera vez creando visuales en Claude, empieza con esto Guía de generación de imágenes y video con Claude Opus 5.5.
2. Agrega el plugin de Remotion. Remotion es la librería de código que convierte el código de Claude en video. En la app de escritorio de Claude, selecciona Code, luego Customize, luego Plugins y después Discover. Busca "remotion" y agrega el plugin.
3. Ejecuta el prompt de configuración. El paquete de instalación está enlazado en la descripción del video. El prompt instala Node.js y Git si faltan, configura un proyecto de Remotion, agrega plantillas y un archivo de reglas, y crea un video de prueba corto. 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 Agregar conector personalizado, nómbralo OpenArt y pega esta URL del servidor: https://mcp.openart.ai/mcp. Haz clic en Agregar, luego en Conectar, e inicia sesión con tu cuenta de OpenArt. Los pasos completos para otros agentes están en el Página de MCP.

Una nota sobre las herramientas: OpenArt MCP genera las imágenes y los videos, y Claude maneja la animación en código. Extract Layers y Create voice-over se ejecutan en el sitio web de OpenArt. Crea las capas o la voz en off ahí, 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 empresarial de Remotion.

Empieza con un proyecto pequeño, como una sola diapositiva animada de carrusel. Una vez que tengas lista la carpeta y la biblioteca de estilos, haz 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 video, capas y voces en off. Editar texto, tiempos y movimiento en el código no usa créditos de OpenArt. Ese es el principal ahorro en comparación con regenerar video con IA hasta que el texto salga bien.

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

Preguntas frecuentes

¿Claude puede crear gráficos en movimiento?

Sí. Con Claude Code y el plugin de Remotion, Claude escribe la animación como código y la exporta como video. Claude no tiene un modelo de imágenes propio (aquí está por qué Claude no puede generar imágenes), así que combínalo con OpenArt MCP. Claude también funciona entonces como un Generador de videos 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 video con IA?

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

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

Remotion es una biblioteca de código para crear videos. El plugin de Remotion para Claude Code le da a Claude lo que necesita para armar proyectos de Remotion. Lo agregas desde la sección de Plugins de la app de escritorio de Claude.

¿Remotion es gratis?

Remotion es gratis para personas individuales y equipos de hasta 3 personas. Las empresas con 4 o más personas necesitan una licencia empresarial 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 aplican en los planes pagos elegibles.