Convierte un video en un diagrama de flujo
Tienes el video de un proceso: un tutorial de software, una sesión de capacitación o una llamada de soporte donde alguien resuelve un problema paso a paso. Ahora lo necesitas como un diagrama de flujo para un manual, un documento de incorporación o una guía de resolución de problemas, y dibujarlo implica volver a ver todo el video con el dedo en el botón de pausa.
ScreenApp mira el video por ti y redacta el proceso como pasos de un diagrama de flujo: qué sucede primero, cada punto de decisión como una pregunta de sí o no, a dónde conduce cada respuesta y la marca de tiempo de cada paso. También puede proporcionarte el mismo flujo como código Mermaid, un formato de texto sin formato que las herramientas de diagramación convierten en un diagrama de flujo dibujado.
Para que quede claro lo que hace esta página: ScreenApp escribe el diagrama de flujo y una herramienta de diagramación lo dibuja. ScreenApp no dibuja las cajas y las flechas por sí mismo. Pegas su resultado en una herramienta como draw.io o Mermaid Live Editor, y el diagrama aparece.
Pasos en orden
Cada acción del proceso, desde el primer clic hasta el último.
Decisiones como ramificaciones
Cada opción se convierte en una pregunta de sí o no con el destino de cada respuesta.
Código Mermaid
Pégalo en una herramienta de diagramación y el diagrama de flujo se dibuja solo.
Una marca de tiempo por paso
Verifica cualquier paso con el momento exacto en que ocurre en el video.
Cómo Funciona
Observa y escribe
Transcribe el habla, lee lo que está en pantalla y escribe los pasos, las decisiones y el código Mermaid, cada paso vinculado a su momento en el video.
Dibuja
draw.io, el Mermaid Live Editor, GitHub o Notion convierten el código en cajas y flechas que puedes mover, estilizar y exportar.
De video a diagrama de flujo desde Loom, YouTube o tu propia grabación de pantalla
Comienza a partir de un video de proceso en
Los recorridos de Loom son el punto de partida más común. Alguien del equipo ya grabó cómo se realiza la tarea, explicando cada clic mientras habla. En esa narración es donde residen las decisiones («si la factura supera el límite, envíala a finanzas»), por lo que un Loom suele dar como resultado ramificaciones claras.
Los tutoriales de YouTube y Vimeo son más largos y suelen incluir introducciones y comentarios adicionales. El diagrama de flujo conserva el proceso y descarta el resto, y cada paso mantiene su marca de tiempo para que puedas revisarlo sin volver a ver todo el video.
¿Aún no tienes video? Graba uno. Usa la pestaña Grabar en la parte superior de esta página, realiza la tarea una vez en pantalla mientras explicas lo que estás haciendo y luego solicita el diagrama de flujo. A menudo es la forma más rápida de documentar un proceso que nadie ha puesto por escrito.
Los enlaces deben ser públicos. Un Loom privado, o cualquier contenido protegido por inicio de sesión, no se importará. Si puedes verlo pero no puedes compartir el enlace, descárgalo y sube el archivo, o graba la pantalla.
Cómo convertir un video en un diagrama de flujo
- Añade el video. Pega un enlace de Loom, YouTube, Vimeo, TikTok, Instagram o Facebook, sube un archivo o graba tu pantalla con la pestaña Grabar en la parte superior de esta página.
- Deja que ScreenApp lo analice. Transcribe la voz, y La IA lee los fotogramas de vídeo, no solo el audio, por lo que los pasos que solo se muestran en pantalla también se tienen en cuenta.
- Solicita el diagrama de flujo. El botón de arriba solicita los pasos, las decisiones y el código Mermaid todo a la vez. También puedes escribir tu propia petición en el chat.
- Verifícalo con el video. Cada paso incluye una marca de tiempo. En ScreenApp, al hacer clic en un momento de la transcripción, el reproductor salta a ese punto de la grabación.
- Pégalo en una herramienta de diagramación. En draw.io, abre Organizar, luego Insertar, luego Avanzado, luego Mermaid y pega el código. O bien pégalo en Mermaid Live Editor para ver el gráfico al instante.
Ejemplo de Salida
Un breve video de soporte sobre cómo restablecer una contraseña podría verse así:
| Paso | Qué sucede | Hora |
|---|---|---|
| 1 | Abre la página de inicio de sesión y selecciona “Olvidé mi contraseña” | 0:12 |
| 2 | Introduce el correo electrónico de la cuenta | 0:25 |
| Decisión | ¿Llegó el correo electrónico de restablecimiento? Sí: ve al paso 3. No: ve al paso 4 | 0:41 |
| 3 | Abre el enlace del correo electrónico y establece una nueva contraseña | 0:55 |
| 4 | Revisa la carpeta de spam, luego solicita el correo electrónico de nuevo | 1:20 |
flowchart TD
A[Open sign-in page] --> B[Select Forgot password]
B --> C[Enter account email]
C --> D{Reset email arrived?}
D -- Yes --> E[Open link and set new password]
D -- No --> F[Check spam, request email again]
F --> D
El video y los pasos son inventados para este ejemplo. Los resultados reales dependen del video que añadas y de cuán claramente muestre el proceso.
Haz que el diagrama de flujo coincida con el video
Revisa cada decisión
Salta a su marca de tiempo y observa la elección.
Divide los pasos largos
Pide al chat que divida cualquier paso con dos acciones.
Nombra las ramas
Pide etiquetas cortas para que las cajas sigan siendo legibles.
La IA puede pasar por alto un paso que el presentador omite rápidamente, por eso las marcas de tiempo están ahí para verificarlo.
Preguntas para hacerle al chat
La primera respuesta es un punto de partida. Haz preguntas de seguimiento en el mismo chat para dar forma al diagrama de flujo:
Para qué puedes usarlo
Capacitación e incorporación
Convierte un tutorial grabado en un diagrama de flujo que los nuevos empleados puedan seguir.
Resolución de problemas de soporte
Mapea una solución de una llamada de soporte en un árbol de decisiones para la mesa de ayuda.
Documentación de procesos
Documenta cómo se realiza realmente una tarea a partir de la grabación de pantalla de alguien haciéndola.
Enseñanza y estudio
Convierte una clase sobre un método o algoritmo en un diagrama de flujo para repasar.
¿Diagrama de flujo, SOP, pasos o mapa mental?
ScreenApp cuenta con varias páginas que transforman un video en estructura. Responden a diferentes necesidades:
Un diagrama del proceso
Esta página: pasos, decisiones y código Mermaid para un diagrama de flujo.
Un procedimiento escrito
El generador de SOP redacta un procedimiento operativo estándar.
Pasos clic a clic
El grabador de pasos online graba un proceso una vez y redacta los pasos.
Temas, no un proceso
La página de video a mapa mental proporciona un esquema temático.
Lo Que Puede y No Puede Hacer
Bueno para
- Escribir **pasos y decisiones** a partir de un video de proceso
- Código **Mermaid** que puedes pegar en una herramienta de diagramación
- Leer **acciones en pantalla**, no solo el habla
- Una **marca de tiempo** para cada paso
No está diseñado para
- **Dibujar el diagrama:** una herramienta de diagramación hace eso
- **Exportar un archivo PNG o Visio** del diagrama
- **Resultados perfectos en videos poco claros:** revisa cada paso
- **Videos privados o con DRM** como enlaces
Qué ofrece cada plan aquí
Pruébalo con tu propio video
No se requiere tarjeta. Convierte un video de proceso en pasos y decisiones y comprueba el resultado tú mismo. El plan gratuito incluye 2 transcriptions of recordings up to 45 minutes each y 10 chats de IA al mes.
Úsalo todas las semanas
Para cuando documentas procesos con regularidad. Pro incluye 500 subidas, 50 transcripciones y 50 chats de IA al mes, con sin marca de agua en ninguna grabación o exportación.
7 días para probar Pro
Pro cuesta $19 al mes facturados anualmente, con 50 transcripciones y 50 chats de IA al mes. Utiliza todas las funciones de Pro durante 7 días y confirma que se adapta a lo que necesitas antes del primer pago. La prueba es por annual plans only. Condiciones de la prueba: Card required. Consulta los planes y condiciones.
