Motion Graphics con IA
Crea motion graphics para videos de producto, explicativos e historias de datos desde un prompt o enlace: texto cinético, pantallas de producto y gráficos animados con tu estilo de marca, sincronizados con una voz en off.

Motion Graphics con IA populares
Tipografía en movimiento, pantallas de producto animadas, gráficos y videos de lanzamiento creados con el generador de motion graphics con IA. Primero se cargan las portadas; un video solo se reproduce al hacer clic, y la línea bajo cada portada indica su procedencia.
Crea motion graphics 16:9 para una herramienta de transcripción. Usa 3 frases grandes en pantalla, una por momento: 'Paste any link.', 'Get clean text.' e 'In seconds.', cada una apareciendo con la voz en off.
Tipografía cinética
Pega cualquier enlace y obtén texto limpio
Una frase en cada momento · 0:08
Crea un clip 9:16 centrado en tipografía con el estilo Medianoche Tech: 2 pantallas de títulos cortos y después una cita que llene el encuadre, sincronizada con el ritmo.
Tipografía cinética
Tres palabras, una idea
Clip centrado en tipografía, 9:16 · 0:08
Convierte mi artículo en motion graphics 16:9: la pregunta central como título, 3 ideas de apoyo como lista y la conclusión como cita con la fuente indicada.
Artículo
Por qué las ciudades añaden azoteas verdes
Pregunta, lista, cita · 0:10
Anima mis 2 capturas de un panel en 16:9: empieza con la vista completa, acerca el ajuste importante con una trayectoria de cursor y termina con una llamada a la acción con nuestra URL.
Pantallas de producto
Un recorrido por un panel
Zoom y cursor, 16:9 · 0:10
Muestra cómo se reparte nuestro presupuesto en 9:16: un título, un gráfico de anillos con producto 45, marketing 30 y soporte 25, y después un dato destacado del 45% destinado a producto.
Historia de datos
A dónde va el presupuesto
Gráfico de anillos, 9:16 · 0:10
Convierte mis cifras trimestrales en motion graphics 16:9: un título, un dato destacado de crecimiento del 42% y un gráfico de barras de ingresos mensuales de julio a octubre que crezca de forma animada.
Historia de datos
Ingresos un 42% mayores
T3 en 45 segundos · 0:09
Crea una presentación de marca 16:9 para Halo: un gancho con el nombre y un lema, 3 funciones de una palabra y una pantalla final con halo.studio.
Presentación de marca
Conoce Halo
Nombre, tres palabras, URL · 0:10
Anima mi captura en 1:1 para feeds de redes sociales: un zoom con trayectoria de cursor, una lista de funciones de 2 líneas y una llamada a la acción final.
Pantallas de producto
Un recorrido de pantalla cuadrado
Listo para el feed, 1:1 · 0:10
Crea un clip de lanzamiento 16:9: un gancho que nombre el producto, una captura ampliada con trayectoria de cursor y una llamada a la acción final con la URL.
Lanzamiento
Anuncio del día de lanzamiento
Gancho, pantalla, llamada a la acción · 0:09
Explica cómo funcionan las vacunas en 16:9: una pregunta como título y después 2 pasos ilustrados con leyendas breves, con el estilo Medianoche Tech.
Video explicativo
Cómo funcionan las vacunas, animado
Título, dos ilustraciones · 0:10
Convierte nuestro registro de cambios de v2.0 en motion graphics 16:9: un gancho que nombre la versión, una lista de 3 cambios y una invitación a leer las notas.
Notas de la versión
Novedades de v2.0
Tres cambios, 16:9 · 0:10
Muestra por qué importa un sistema visual en 16:9 con el estilo Noche neón: un gancho, 3 funciones y una comparación de antes y después.
Sistema visual
Un estilo en todas las pantallas
Antes y después, 16:9 · 0:10
Todos estos videos son ejemplos de Potto creados a partir de una descripción breve. Son demostraciones organizadas con los tipos de escena de Potto, no trabajos de clientes, y se reproducen como vistas previas en vivo en el navegador a partir de los mismos datos de escena que se exportan a MP4.
Cada pantalla se planifica antes de animarse
Los motion graphics con IA funcionan cuando las palabras, la imagen y los tiempos encajan. Potto escribe cada pantalla en un storyboard que puedes leer y cambiar antes de que se anime nada.
0:12 – 0:18
Pantalla 3 · 6 s
Voz en off
Conoce transcript.im. Pega un enlace de YouTube, TikTok, Instagram o X, o añade un archivo de audio.
Lo que ve el público
La página de inicio de transcript.im entra desde abajo. La cámara se acerca al campo de búsqueda, se pega un enlace y aparecen las insignias de las plataformas debajo.
Texto en pantalla
- Pega cualquier enlace
- YouTube · TikTok · Instagram · X
Recursos
La voz en off marca los tiempos
Cada pantalla dura lo mismo que su frase de voz en off, para que el texto y la animación nunca se adelanten a la narración.
El texto en pantalla se mantiene breve
2 o 3 palabras por pantalla, en grande. La frase completa está en la voz en off y los subtítulos.
Los recursos proceden de tu enlace
Las capturas, el logotipo y los colores se extraen de la página que pegas y después se animan en las pantallas que los necesitan.
Qué hace funcionar los motion graphics con IA
Cuatro cosas deciden si los motion graphics con IA mantienen la atención: las palabras que se mueven, las pantallas donde aparecen, los números que cuentan y el estilo que une todo.
01TIPOGRAFÍA CINÉTICA
Texto grande, con la duración de cada frase
Las frases clave aparecen como texto grande en pantalla, dos o tres palabras a la vez, y cada pantalla dura lo mismo que su frase de voz en off, por lo que el texto nunca se adelanta a la narración. Los subtítulos muestran debajo la frase que se está diciendo, y las frases cortas mantienen un tamaño suficiente para leerse en un teléfono.
- Cada pantalla dura lo mismo que su frase de voz en off
- Subtítulos para cada frase narrada
- Tipografía grande que se lee en el teléfono

02PANTALLAS DE PRODUCTO
Las pantallas de tu producto, animadas
Pega tu sitio y Potto incorpora las capturas, el logotipo y los colores y después los anima: un zoom lento al campo de búsqueda, un cursor que hace clic a lo largo del recorrido y una leyenda en la parte importante. Tu interfaz real sigue siendo la protagonista, en lugar de una maqueta.
- Capturas y logotipo extraídos de tu enlace
- Zoom y trayectorias de cursor sobre pantallas reales
- Leyendas que señalan el detalle adecuado

03HISTORIAS DE DATOS
Gráficos con valores que crecen
Da a Potto los números y primero aparecerá un dato destacado, seguido de un gráfico de barras o anillos que se rellena cuando la narración llega a cada valor. Los gráficos admiten entre 3 y 6 valores etiquetados de tu descripción, así que las cifras en pantalla son las que proporcionaste.
- Primero el dato destacado, después el gráfico
- Gráficos de barras y anillos con 3 a 6 valores
- Los valores proceden de tus propios datos

04SISTEMA VISUAL
Un estilo en todas las pantallas
Antes de escribir cualquier pantalla, Potto define un sistema visual: una paleta, una familia tipográfica y un estilo de animación a partir de tu marca o de uno de los 12 estilos integrados. Cada escena lo hereda, para que un título, una captura y un gráfico se perciban como una misma pieza.
- Paleta y fuentes de tu marca
- 12 estilos visuales integrados
- Animación coherente en cada pantalla

Más formas de crear con Potto
Los motion graphics con IA dan forma a todos los videos de Potto. Empieza con un formato concreto o prepara las imágenes y los fondos que formarán parte de una escena.
- Generador de videos con IATodos los tipos de video, desde un prompt o enlace.

- Video explicativoExplica una idea con ilustraciones y subtítulos.

- Video de lanzamiento de productoMuestra un flujo de trabajo del producto a partir de tus capturas.

- Generador de imágenes con IACrea ilustraciones e imágenes para tus escenas.

- Quitar fondo de imagenSepara del fondo un logotipo o un producto para una escena limpia.

- Claude VideoClaude redacta el storyboard; Remotion renderiza el video.

Preguntas frecuentes sobre los motion graphics con IA
Respuestas sobre qué son los motion graphics con IA, qué animan y cómo controlarlos.
¿Qué son los motion graphics con IA?
Los motion graphics con IA son pantallas animadas, como texto en movimiento, capturas de producto y gráficos, que una IA planifica y un renderizador anima por ti. Potto es un generador de motion graphics con IA: redacta la descripción y un storyboard escena por escena a partir de tu prompt o enlace, y las escenas se renderizan como MP4 con voz en off, subtítulos y música. El resultado es animación diseñada, no imágenes filmadas ni un presentador digital.
¿Qué relación tienen los motion graphics con IA con los videos de producto y explicativos?
Todos los videos que crea Potto son motion graphics: texto, capturas de pantalla, gráficos e ilustraciones animados y sincronizados con una voz en off. Un video de producto los usa para mostrar qué hace un producto y un video explicativo para facilitar la comprensión de una idea. Esta página cubre ambos; la página Generador de videos con IA presenta el mismo creador según el formato de video.
¿Qué pueden animar los motion graphics?
Un proyecto se construye con 11 tipos de escena: gancho, título, captura de pantalla, funciones, lista, dato destacado, comparación, gráfico, ilustración, cita y llamada a la acción final. El texto aparece en el momento indicado, las capturas se acercan y siguen una trayectoria de cursor, y los gráficos de barras o anillos crecen con entre 3 y 6 valores. El generador de motion graphics con IA también aplica uno de los 12 estilos visuales o se adapta a los colores de tu marca.
¿Cómo creo motion graphics con IA a partir de un enlace o capturas?
Para crear motion graphics con IA desde un enlace, pega la dirección de la página en el creador e indica qué debe explicar el video; para empezar con capturas, adjunta hasta 8 imágenes, documentos o archivos de audio. Potto extrae las capturas, el logotipo y los colores de marca de la página cuando puede, redacta la descripción y el storyboard y anima las pantallas que los presentan. Comprueba cada pantalla frente a la fuente antes de exportar.
¿Puedo controlar la animación y los tiempos?
Controlas lo que dice y muestra cada pantalla y cuánto dura editando el storyboard o pidiéndolo en el chat, por ejemplo, acortar la pantalla 3 o terminar con tu logotipo. Potto anima a partir de un conjunto fijo de tipos de escena y estilos: no hay línea de tiempo libre ni código de animación personalizado. Una solicitud que identifica la pantalla y el cambio da el resultado más claro, y las versiones anteriores siguen disponibles si quieres volver atrás.
¿Cómo afectan la voz en off y los subtítulos a los tiempos?
La voz en off marca el ritmo: cada pantalla permanece el tiempo que tarda en decirse su frase y después empieza la siguiente. Los subtítulos siguen las palabras habladas con estilo limpio, resaltado o en negrita; si desactivas la narración, las duraciones proceden del storyboard. Comprueba el ritmo reproduciendo la vista previa con sonido y después silenciada con subtítulos, porque muchas personas ven los videos sin audio.
¿Cómo mantengo exactos los números de un gráfico?
Da a Potto los valores, la unidad y el periodo exactos en la descripción o en un documento adjunto, porque no verifica cifras. Una escena de gráfico admite entre 3 y 6 valores etiquetados en barras o anillos con una leyenda, y una escena de dato destacado muestra una cifra principal. Compara cada etiqueta y número con tu fuente en el storyboard y otra vez en el video exportado, ya que una leyenda abreviada puede perder una unidad.
¿Qué obtengo y cuánto cuesta?
Obtienes un MP4 de 1080p a 30 fotogramas por segundo en 16:9, 9:16 o 1:1, de 15 a 90 segundos. Las descripciones, los storyboards, las ediciones por chat y las vistas previas son gratis; se cobran créditos al exportar, con la tarifa base indicada en la estimación de créditos más la narración según el número de caracteres y cada ilustración. Un video sin sonido de 30 segundos cuesta 150 créditos y necesitas una cuenta para crearlo.
¿Puedo usar Claude para crear motion graphics con IA?
Sí. Potto usa Claude Opus 5.5 para redactar el esquema, el storyboard y el guion de voz en off, por lo que la creación de motion graphics y el diseño de animaciones con Claude parten de una descripción sencilla o un enlace en el navegador, sin código ni configuración local. Remotion renderiza las escenas en un MP4 con ilustraciones y voz en off generadas por IA, y puedes editar cada escena antes de exportar.
Anima tu próximo lanzamiento
Pega un enlace o describe los motion graphics que quieres en el creador de arriba, revisa el storyboard y exporta cuando cada pantalla se lea bien. Crea motion graphics con IA desde un enlace; las vistas previas y las ediciones son gratis y solo pagas al exportar.



