LaunchCut

¿Qué es LaunchCut?

LaunchCut es una app para Mac que crea vistas previas interactivas de apps iOS desde el iOS Simulator. En lugar de distribuir una app mediante instalación en un dispositivo o TestFlight, graba un flujo de usuario y lo exporta como una experiencia compartible que se puede ver en un navegador web.

El propósito principal de LaunchCut es ayudarte a “lanzar la demo de tu app antes que la app” convirtiendo interacciones del simulador en una demo navegable. Puedes grabar solo las pantallas que quieras, mapear interacciones como objetivos de toque y exportar el resultado como un archivo HTML autónomo offline o (en Pro) como un enlace alojado.

Características principales

• Grabar directamente desde el iOS Simulator: Inicia la grabación en LaunchCut después de lanzar tu app en el Simulator, luego captura las interacciones mientras haces clic a través del flujo.
• Control manual de captura: Elige qué pantallas capturar, en lugar de estar limitado a una grabación todo-o-nada.
• Creador de flujos interactivos: Después de grabar, mapea pantallas y puntos calientes interactivos (puntos de toque) para crear una navegación guiada y clicable entre estados.
• Exportación HTML autónoma (Gratis): Exporta un archivo HTML completamente offline sin dependencias para compartir y revisar.
• Publicación y enlaces alojados (Pro): Genera un enlace compartible demo.launchcut.app para visualización instantánea en navegador sin manejar archivos.
• Exportación con fondo transparente (Pro): Exporta demos con fondos transparentes para incrustar en páginas de marketing, documentación y portafolios; la demo se puede incrustar en un iframe.

Cómo usar LaunchCut

1. Configura tu entorno: Usa macOS con Xcode instalado y asegúrate de que el iOS Simulator esté disponible.
2. Lanza en el iOS Simulator: Inicia tu app iOS en el Simulator.
3. Inicia una grabación en LaunchCut: Comienza a grabar en LaunchCut.
4. Haz clic a través de tu flujo y captura: Navega el flujo de tu app de forma natural y captura la(s) pantalla(s) o animación(es) que quieras incluir.
5. Mapea pantallas y puntos calientes: Define cómo se conectan las pantallas y qué objetivos de toque son interactivos.
6. Exporta la demo: Para Gratis, exporta un archivo HTML autónomo para compartir offline. Para Pro, publica para generar un enlace compartible demo.launchcut.app (y usa exportación con fondo transparente si es necesario).

Casos de uso

• Revisión de stakeholders de un flujo de UI en progreso: Graba las pantallas e interacciones clave desde el Simulator para que no desarrolladores puedan hacer clic a través de la experiencia en un navegador.
• Recopilación de feedback sin instalaciones en dispositivos: Comparte una demo mediante un archivo HTML exportado (Gratis) o un enlace alojado (Pro) en lugar de distribuir una instalación o requerir TestFlight.
• Paseos de diseño y producto: Usa el flujo interactivo para demostrar navegación y comportamiento de toques como se sentiría en la app, manteniendo la demo independiente de dispositivos.
• Presentación de portafolio y estudios de caso: Incrusta demos con fondo transparente (Pro) en un sitio web, página de portafolio o estudio de caso para que la vista previa se adapte al diseño circundante.
• Alineación de equipo durante prototipado temprano: Reemplaza flujos de distribución de vistas previas tempranas con un enlace o exportación HTML offline que se pueda compartir rápidamente para revisión.

Preguntas frecuentes

• ¿LaunchCut requiere TestFlight o instalar una app en un dispositivo? No. El producto está diseñado para compartir vistas previas interactivas mediante un enlace de navegador o un archivo HTML exportado, sin requerir TestFlight ni un dispositivo para visualizar.

• ¿Qué necesito para ejecutar LaunchCut? LaunchCut requiere macOS con Xcode instalado y el iOS Simulator. También solicita permisos de Accesibilidad en el primer uso.

• ¿Qué formatos de salida soporta LaunchCut? La versión Gratis soporta exportar un archivo HTML offline autónomo. LaunchCut Pro añade publicación alojada con enlaces compartibles demo.launchcut.app.

• ¿Se pueden incrustar las demos en un sitio web? Sí. LaunchCut Pro soporta exportación con fondo transparente para una incrustación más limpia (incluyendo vía iframes).

• ¿LaunchCut depende de una conexión a internet? Para exportación Gratis, la salida es un archivo HTML completamente offline sin dependencias. Los enlaces alojados forman parte de la publicación Pro.

Alternativas

• Prototipos de UI estáticos (p. ej., prototipos de Figma): Útiles para mostrar pantallas y flujos, pero no usan las mismas interacciones grabadas en el simulador que LaunchCut y suelen requerir un entorno de visualización separado.
• Compilaciones de vista previa en TestFlight o dispositivos: Proporcionan una compilación completamente funcional en dispositivos reales, pero requieren distribución de la app y acceso a dispositivos en lugar de reproducción en navegador basada en enlaces.
• Otras herramientas de walkthrough interactivo/prototipado: Las alternativas en esta categoría suelen centrarse en crear pantallas o flujos interactivos; la diferencia clave es si el flujo de trabajo parte de la grabación en iOS Simulator y exportación a HTML de navegador.
• Alojamiento de demos web para grabaciones de pantalla: Puedes compartir videos o páginas web interactivas, pero no suelen admitir puntos calientes interactivos y navegación de la misma forma que LaunchCut al mapear pantallas y puntos de toque.