UStackUStack
LaunchCut icon

LaunchCut

LaunchCut é um app para Mac que grava fluxos de demonstração interativos do iOS Simulator e exporta como prévia web clicável, sem TestFlight.

LaunchCut

O que é LaunchCut?

LaunchCut é um app para Mac para criar prévias interativas de demos de apps iOS a partir do iOS Simulator. Em vez de distribuir um app via instalação em dispositivo ou TestFlight, ele grava um fluxo de usuário e exporta como uma experiência compartilhável que pode ser visualizada em um navegador web.

O propósito principal do LaunchCut é ajudá-lo a “lançar a demo do seu app antes de lançar o app” transformando interações do simulador em uma demo navegável. Você pode gravar apenas as telas que deseja, mapear interações como alvos de toque e exportar o resultado como um arquivo HTML offline autônomo ou (no Pro) como um link hospedado.

Principais Recursos

  • Gravação direta do iOS Simulator: Inicie a gravação no LaunchCut após lançar seu app no Simulator, depois capture interações enquanto clica pelo fluxo.
  • Controle manual de captura: Escolha quais telas capturar, em vez de ficar preso a uma gravação tudo-ou-nada.
  • Construtor de fluxo interativo: Após gravar, mapeie telas e hotspots interativos (pontos de toque) para criar uma navegação guiada e clicável entre estados.
  • Exportação HTML autônoma (Grátis): Exporte um arquivo HTML totalmente offline sem dependências para compartilhamento e revisão.
  • Publicação e links hospedados (Pro): Gere um link compartilhável demo.launchcut.app para visualização instantânea no navegador sem lidar com arquivos.
  • Exportação com fundo transparente (Pro): Exporte demos com fundo transparente para incorporar em páginas de marketing, documentação e portfólios; a demo pode ser incorporada em um iframe.

Como Usar o LaunchCut

  1. Configure seu ambiente: Use macOS com Xcode instalado e garanta que o iOS Simulator esteja disponível.
  2. Inicie no iOS Simulator: Comece seu app iOS no Simulator.
  3. Inicie uma gravação no LaunchCut: Comece a gravar no LaunchCut.
  4. Navegue pelo fluxo e capture: Navegue pelo fluxo do seu app naturalmente e capture a(s) tela(s) ou animação(ões) que deseja incluir.
  5. Mapeie telas e hotspots: Defina como as telas se conectam e quais alvos de toque são interativos.
  6. Exporte a demo: Para Grátis, exporte um arquivo HTML autônomo para compartilhamento offline. Para Pro, publique para gerar um link compartilhável demo.launchcut.app (e use exportação com fundo transparente se necessário).

Casos de Uso

  • Revisão de stakeholders de um fluxo de UI em andamento: Grave as telas e interações principais do Simulator para que não-desenvolvedores possam clicar pela experiência em um navegador.
  • Coleta de feedback sem instalações em dispositivos: Compartilhe uma demo via arquivo HTML exportado (Grátis) ou link hospedado (Pro) em vez de distribuir uma instalação ou exigir TestFlight.
  • Walkthroughs de design e produto: Use o fluxo interativo para demonstrar navegação e comportamento de toques como seria no app, mantendo a demo independente de dispositivos.
  • Apresentação de portfólio e estudos de caso: Incorpore demos com fundo transparente (Pro) em um site, página de portfólio ou estudo de caso para que a prévia se adapte ao design ao redor.
  • Alinhamento de equipe durante prototipagem inicial: Substitua fluxos de distribuição de prévias iniciais por um link ou exportação HTML offline que pode ser compartilhado rapidamente para revisão.

Perguntas Frequentes

  • O LaunchCut exige TestFlight ou instalação de um app em um dispositivo? Não. O produto é projetado para compartilhar prévias interativas via link de navegador ou arquivo HTML exportado, sem exigir TestFlight ou dispositivo para visualização.

  • O que preciso para rodar o LaunchCut? LaunchCut requer macOS com Xcode instalado e o iOS Simulator. Ele também solicita permissões de Acessibilidade na primeira utilização.

  • Quais formatos de saída o LaunchCut suporta? A versão Grátis suporta exportação de um arquivo HTML offline autônomo. LaunchCut Pro adiciona publicação hospedada com links compartilháveis demo.launchcut.app.

  • Demos podem ser incorporadas em um site? Sim. LaunchCut Pro suporta exportação com fundo transparente para incorporação mais limpa (incluindo via iframes).

  • O LaunchCut depende de conexão com a internet? Para exportação Grátis, a saída é um arquivo HTML totalmente offline sem dependências. Links hospedados fazem parte da publicação Pro.

Alternativas

  • Prototipos de UI estáticos (ex.: protótipos do Figma): Úteis para exibir telas e fluxos, mas não usam as mesmas interações gravadas no simulador que o LaunchCut e geralmente exigem um ambiente de visualização separado.
  • Compilações de prévia via TestFlight ou dispositivos reais: Fornecem uma compilação totalmente funcional em dispositivos reais, mas requerem distribuição do app e acesso a dispositivos, em vez de reprodução no navegador via link.
  • Outras ferramentas de walkthrough interativo/prototipagem: Alternativas nessa categoria focam tipicamente na criação de telas ou fluxos interativos; a diferença chave é se o fluxo de trabalho parte da gravação no iOS Simulator e exportação para HTML no navegador.
  • Hospedagem de demos web para gravações de tela: Você pode compartilhar vídeos ou páginas web interativas, mas elas podem não suportar hotspots interativos e navegação da mesma forma que o LaunchCut, ao mapear telas e pontos de toque.