ToolRobinSin iniciar sesión, úsalo al instante

Creador de tutoriales interactivos

Crea un tutorial paso a paso con capturas y expórtalo como un HTML independiente.

Añade capturas, escribe las instrucciones y coloca el marcador. Revisa la vista previa y descarga HTML o guarda el proyecto para editarlo después.

0 / 0Arrastra el marcador o usa las flechas.

Añade capturas para empezar o prueba el ejemplo.

Haz clic en el marcador numerado para continuar.

Los cambios quedan en esta pestaña hasta guardar el proyecto.
Cómo utilizar

Creador de tutoriales interactivos

Crea un tutorial paso a paso con capturas y expórtalo como un HTML independiente.

Paso a paso

  1. Introduce la fuente mediante: Añadir capturas.
  2. Configura: Título del tutorial / Título del paso / Instrucciones / Posición horizontal % / Posición vertical %. Consulta la referencia para elegir lo que corresponda a tu tarea.
  3. Ejecuta: Vista previa. Revisa el resultado antes de copiarlo, descargarlo o usarlo en otro lugar.
  4. Añade capturas, escribe las instrucciones y coloca el marcador. Revisa la vista previa y descarga HTML o guarda el proyecto para editarlo después.

Cómo elegir los ajustes

OpciónQué cambia
Posición horizontal %Previsualiza cada paso y pulsa su marcador antes de compartir el HTML. Si está mal colocado, ajusta su posición porcentual en esa captura. Guarda también el proyecto editable; el HTML es el resultado para visualizar.
Descargar HTML / Guardar proyectoHasta 20 pasos, 8 MB por PNG, JPEG o WebP, 40 MB en total, 16 millones de píxeles y 8192 por lado. Sin imágenes animadas. Proyecto: hasta 58 MB. No incluye grabación, detección automática de pasos ni traducción automática.

Ejemplo y resultado esperado

Prueba el ejemplo JSON de tres pasos: cargar datos, formatearlos y copiar el resultado. El HTML contiene las tres capturas y funciona sin internet.

Si no funciona

  • Hasta 20 pasos, 8 MB por PNG, JPEG o WebP, 40 MB en total, 16 millones de píxeles y 8192 por lado. Sin imágenes animadas. Proyecto: hasta 58 MB. No incluye grabación, detección automática de pasos ni traducción automática.
  • Previsualiza cada paso y pulsa su marcador antes de compartir el HTML. Si está mal colocado, ajusta su posición porcentual en esa captura. Guarda también el proyecto editable; el HTML es el resultado para visualizar.
  • Si se rechaza una imagen, comprueba sus dimensiones en píxeles y el tamaño del archivo. Exporta una imagen estática compatible desde la aplicación original y prueba con menos píxeles; cambiar la extensión no convierte el archivo.

Límites y cancelación

Hasta 20 pasos, 8 MB por PNG, JPEG o WebP, 40 MB en total, 16 millones de píxeles y 8192 por lado. Sin imágenes animadas. Proyecto: hasta 58 MB. No incluye grabación, detección automática de pasos ni traducción automática.

Es posible que también necesites