Muestra una función paso a paso: añade capturas o un enlace a la página de tu producto y Potto los convierte en un video tutorial de producto narrado con subtítulos que puedes editar escena por escena antes de exportar un MP4.
La vista previa y la edición son gratis. Solo pagas al exportar.
0/5000
Uno de estos ejemplos se creó con el tipo de video Recorrido por una función desde el enlace a nuestra página de Quitar fondo de imagen. Los demás muestran el mismo enfoque paso a paso con otras entradas: tres capturas de nuestro generador de imágenes con IA, un manual de inicio rápido PDF y material de clase, además de un ejemplo vertical y otro cuadrado para los otros dos formatos. Selecciona una portada para reproducirlo.
16:9 · 30 s
Creado desde el enlace de nuestra página de Quitar fondo de imagen con el tipo de video Recorrido por una función: la página capturada para el paso de subir la imagen, la eliminación del fondo y la elección de un recorte transparente o una composición aplanada, con música y sin voz en off.
16:9 · 28 s
Tres capturas subidas de nuestro generador de imágenes con IA convertidas en una demostración narrada paso a paso: escribir una descripción, introducir tres líneas y elegir un modelo. Creado con el tipo de video Video demostrativo de producto.
16:9 · 34 s
Un manual de inicio rápido de ejemplo subido como PDF y convertido en un tutorial: primer uso, ajuste de temperatura y limpieza, con un paso por escena.
16:9 · 40 s
Material de biología de ejemplo subido como PDF y convertido en una lección que recorre seis pasos en orden, con una idea por pantalla.
9:16 · 25 s
Un resumen de investigación PDF de ejemplo como clip 9:16: la pregunta, tres resultados en cifras grandes y las limitaciones. Muestra el formato que tendrá un tutorial en un teléfono.
1:1 · 22 s
Un informe anual PDF de ejemplo como resumen 1:1 de tres cifras, con una frase para cada una. Muestra el formato cuadrado para redes sociales o correo electrónico.
Estos ejemplos proceden de páginas y capturas de Potto y de documentos de ejemplo escritos por nosotros; las empresas y cifras de los documentos son ficticias. No son grabaciones de un proyecto de un cliente.
El último paso del recorrido de Quitar fondo de imagen como fila del storyboard y como fotograma de video. El texto en pantalla procede del storyboard; la composición, los iconos y el movimiento se añaden al renderizar la escena.
Escena 4 de 5 · 7 s
Texto en pantalla
Cada paso de un video de recorrido por una función ocupa una fila del storyboard: el texto que aparece en pantalla para ese paso y, cuando la narración está activada, las palabras que se dicen. Potto planifica las filas desde tu enlace o tus capturas en el orden de la tarea, de modo que el último paso viene después de la acción de la que depende.
El mismo texto como etiquetas breves en la escena del paso, con los colores y el logo extraídos del enlace a la página. En este ejemplo, el paso de subir muestra la página de Quitar fondo de imagen capturada desde ese enlace y los pasos posteriores utilizan etiquetas y una escena de antes y después; con tus propias capturas, cualquier paso puede mostrar tu interfaz real.
Compara cada fila del video tutorial de software con el producto actual: los nombres de los botones, el orden de las acciones y el resultado en pantalla. Edita el texto del storyboard, añade una captura de la pantalla real donde resulte útil y vuelve a previsualizar antes de exportar.
Un video tutorial de producto responde a una pregunta: ¿cómo uso esta función? Elige el lugar donde el público se la plantea y deja que determine el formato, la duración y cuántos pasos mostrar.
16:9 · 30s
Coloca un tutorial al principio de un artículo de instrucciones para que el público vea todos los pasos antes de leer los detalles. Mantén una tarea por video, usa los nombres exactos de los botones de tu aplicación y elige 16:9 para un centro de ayuda o una página de documentación. Cuando cambie la interfaz, sustituye las capturas en lugar de dejar publicado un tutorial desactualizado.
16:9 · 28s
Cuando se lanza o cambia una función, un video tutorial de software breve muestra dónde está y cómo usarla ahora. Empieza por la pantalla que el público ya conoce, muestra los pasos nuevos en orden y termina con el resultado. Para anunciar beneficios y disponibilidad, conviene más un video de lanzamiento que un tutorial.
16:9 · 34s
Enseña las primeras tareas que necesita un usuario nuevo con un video de recorrido de la aplicación para cada función. El formato 9:16 funciona para teléfonos y mensajes dentro de la aplicación, y el 1:1 para redes sociales o correo electrónico. Termina cada tutorial con la siguiente acción que debe realizar el usuario en tu producto.
Crea un video de recorrido por una función en tres pasos con el creador de arriba. Generar y previsualizar es gratis y el precio en créditos aparece antes de exportar.
Pega un enlace público a tu producto o sube una captura de cada paso en orden, con hasta 8 adjuntos por proyecto. Elige Recorrido por una función como tipo de video y escribe una frase sobre la función, a quién va dirigido el tutorial y el resultado que debe alcanzar.
Compara el esquema y el storyboard con tu producto. En cualquier escena, edita el texto en pantalla y la narración, cambia una captura o elige un punto de enfoque para que el paso señale el control adecuado. Conserva los nombres de las funciones exactamente como aparecen en tu aplicación.
Mira el tutorial gratis en tu navegador. Exporta un MP4 en 1080p a 30 fps en 16:9, 9:16 o 1:1. Solo se cobran créditos al exportar, según la duración, la narración y las ilustraciones.
Una grabación de pantalla captura cada clic, pausa y error. Potto construye el tutorial con tus pantallas: Claude Opus 5.5 planifica una función como secuencia de pasos, tus capturas se convierten en los elementos visuales y se añaden narración, subtítulos y música. Así, el video tutorial de producto se ve como un tutorial editado y no como una grabación sin editar.
01
Dale a Potto una página pública http o https y leerá esa página y hasta 2 páginas más del mismo sitio, extraerá el nombre, los colores, las fuentes y el logo de tu marca y capturará la primera pantalla a 1440×900. No puede leer páginas que requieren iniciar sesión; para un video de recorrido de una aplicación que muestre esas pantallas, sube capturas.
02
Con el tipo de video Recorrido por una función, Claude Opus 5.5 escribe el esquema, el storyboard y el guion de narración como pasos numerados que siguen el orden de tus pantallas, mostrando cada acción y qué cambia. Las escenas se renderizan con los componentes de escenas de Remotion de Potto, con ilustraciones y voz en off generadas con IA.
03
Un video tutorial de software solo es útil si muestra la pantalla que verá el público. Potto coloca tus capturas en las escenas y, en cada una, puedes elegir un punto de enfoque, cambiarla por una captura más reciente o sustituir una ilustración. Así puedes corregir un paso sin rehacer todo el tutorial.
04
Elige uno de los 32 idiomas de narración o deja que Potto detecte el idioma automáticamente; los subtítulos resaltan cada palabra al pronunciarse. La música de fondo procede de la biblioteca de pistas originales de Potto, se elige según el estilo y la duración y puedes cambiarla. Antes de exportar, escucha una vez para revisar los nombres del producto y las etiquetas de los botones.
05
Exporta un MP4 en 1080p a 30 fps en 16:9 (1920×1080) para centros de ayuda y páginas de documentación, 9:16 (1080×1920) para teléfonos y mensajes dentro de aplicaciones o 1:1 (1080×1080) para redes sociales. La relación de aspecto no modifica el precio; elige el formato que encaje donde se reproducirá tu tutorial.
Cada video tutorial de producto enseña una función. Estas páginas tratan otros tipos de video.
Qué es un video tutorial de producto, en qué se diferencia de una demostración y qué entradas, opciones de edición y precios debes conocer antes de exportar.
Un video tutorial de producto es un video breve que enseña a utilizar un producto o una de sus funciones siguiendo los pasos en su interfaz real, en orden y normalmente con narración y subtítulos. El público sigue las instrucciones y llega al mismo resultado en su propia aplicación. Potto crea videos tutoriales de producto a partir de tus capturas o de un enlace a tu producto: planifica los pasos, coloca tus pantallas en escenas animadas y añade narración, subtítulos y música. No graba tu pantalla ni genera un presentador digital.
Un tutorial de producto enseña una función paso a paso, mientras que una demostración muestra lo que hace el producto completo y por qué importa. La demostración responde «¿debería usarlo?»; el tutorial responde «¿cómo hago esto?» para alguien que ya tiene el producto abierto. En Potto son tipos de video distintos: elige Recorrido por una función si quieres enseñar cómo hacerlo y Video demostrativo de producto si buscas una visión general.
Recorrido por una función es una de las opciones del menú Tipo de video del creador de Potto, junto con Automático, Video demostrativo de producto, Video explicativo, Lanzamiento de producto, De artículo a video e Historia de datos. Indica a la IA que planifique el video como pasos numerados de una función, en el orden de las pantallas que proporcionas. Elígelo en lugar de Automático cuando quieras un recorrido por una función en video y no una visión general.
Añade capturas de cada paso o un enlace público a tu producto en el creador de arriba, elige Recorrido por una función como tipo de video y escribe una frase sobre la función, el público y el resultado que debe alcanzar. Potto prepara un esquema, un storyboard, narración y subtítulos; tú comparas cada paso con tu producto, previsualizas el recorrido gratis en el navegador y exportas un MP4.
Usa un enlace para una página pública y capturas para todo lo que requiera iniciar sesión. Potto lee la página pública http o https que proporcionas y hasta 2 páginas más del mismo sitio y captura su primera pantalla a 1440×900. No puede leer páginas que requieren iniciar sesión, así que, para un video de recorrido de una aplicación que muestre esas pantallas, sube una captura por paso en orden. Un proyecto admite hasta 8 adjuntos entre capturas y documentos.
Por ahora no. Actualmente Potto no admite un video existente, como una grabación de pantalla, para analizarlo o editarlo; crea un video tutorial de producto nuevo a partir de capturas, un enlace a una página pública o un documento. Si ya tienes una grabación, exporta una imagen fija de cada paso y sube esas capturas en orden.
Sí. Antes de exportar, puedes editar el texto en pantalla y el guion de narración de cada escena de un video tutorial de software. En los elementos visuales puedes cambiar una captura, elegir su punto de enfoque, regenerar una ilustración con IA o sustituirla por un archivo que subas. Vuelve a previsualizar después de cada cambio y compara cada paso con el producto actual.
Sí, cuando seleccionas un kit de marca o activas la marca predeterminada. Sus cuatro colores se aplican a los elementos visuales, puedes elegir la fuente Inter, Space Grotesk o Bricolage y tu logo aparece en las escenas de apertura y cierre. Si empiezas con un enlace, Potto también extrae el nombre, los colores, las fuentes y el logo de la marca de esa página.
La narración puede utilizar cualquiera de los 32 idiomas, o Potto puede detectar el idioma automáticamente. Los subtítulos resaltan cada palabra al pronunciarse. En un video tutorial de software, escucha una vez antes de exportar para revisar nombres de producto, etiquetas de menú y abreviaturas, porque son las palabras que el público buscará en su pantalla.
Potto exporta cada video tutorial de producto como MP4 en 1080p a 30 fps. Elige 16:9 (1920×1080) para artículos de ayuda, 9:16 (1080×1920) para teléfonos o 1:1 (1080×1080) para redes sociales o correo electrónico. El formato 4:5 y la exportación GIF no están disponibles.
Generar y previsualizar un recorrido en tu navegador es gratis; solo se cobran créditos al exportar. El precio depende de la duración del video y la narración y de cuántas ilustraciones con IA uses; la relación de aspecto no lo modifica. Por ejemplo, un video de 30 segundos con narración en inglés y sin ilustraciones cuesta 153 créditos, y añadir 2 ilustraciones eleva el costo a 199 créditos. Cada cuenta puede iniciar hasta 30 proyectos de video y generar hasta 60 ilustraciones al día.
Añade capturas o el enlace a tu producto, comprueba cada paso y consulta el precio en créditos antes de exportar tu tutorial como MP4.