Criador de tutoriais interativos

Crie um tutorial clicável com capturas de tela e exporte um HTML independente.

Adicione capturas, escreva as instruções e posicione o marcador. Veja a prévia e baixe HTML ou salve o projeto para editar depois.

0 / 0Arraste o marcador ou use as setas.

Adicione capturas para começar ou experimente o exemplo.

Clique no marcador numerado para continuar.

As alterações ficam nesta aba até salvar o projeto.
Como usar

Criador de tutoriais interativos

Crie um tutorial clicável com capturas de tela e exporte um HTML independente.

Passo a passo

  1. Forneça a origem usando: Adicionar capturas.
  2. Ajuste: Título do tutorial / Título da etapa / Instruções / Posição horizontal % / Posição vertical %. Use a referência abaixo para escolher as opções adequadas à tarefa.
  3. Execute: Prévia. Confira o resultado antes de copiar, baixar ou usar em outro lugar.
  4. Adicione capturas, escreva as instruções e posicione o marcador. Veja a prévia e baixe HTML ou salve o projeto para editar depois.

Como escolher as configurações

OpçãoO que muda
Posição horizontal %Veja cada etapa e clique no marcador antes de compartilhar o HTML. Se estiver fora do lugar, ajuste sua posição percentual na captura. Salve também o projeto editável; o HTML é a saída para visualização.
Baixar HTML / Salvar projetoAté 20 etapas, 8 MB por PNG, JPEG ou WebP, 40 MB no total, 16 milhões de pixels e 8192 por lado. Sem animações. Projeto de até 58 MB. Não inclui gravação, detecção automática de etapas ou tradução automática.

Exemplo e resultado esperado

Teste o exemplo JSON de três etapas: carregar dados, formatar e copiar o resultado. O HTML inclui as três capturas e funciona sem internet.

Se não funcionar

  • Até 20 etapas, 8 MB por PNG, JPEG ou WebP, 40 MB no total, 16 milhões de pixels e 8192 por lado. Sem animações. Projeto de até 58 MB. Não inclui gravação, detecção automática de etapas ou tradução automática.
  • Veja cada etapa e clique no marcador antes de compartilhar o HTML. Se estiver fora do lugar, ajuste sua posição percentual na captura. Salve também o projeto editável; o HTML é a saída para visualização.
  • Se uma imagem for recusada, confira as dimensões decodificadas e o tamanho do arquivo. Exporte uma imagem estática compatível no aplicativo original e tente com menos pixels; mudar a extensão não converte o arquivo.

Limites e cancelamento

Até 20 etapas, 8 MB por PNG, JPEG ou WebP, 40 MB no total, 16 milhões de pixels e 8192 por lado. Sem animações. Projeto de até 58 MB. Não inclui gravação, detecção automática de etapas ou tradução automática.