Criação
Fluxos
Conecte telas com menções @screen, navegue por elas com Reproduzir e exporte o fluxo inteiro.
Um fluxo é um conjunto de protótipos salvos com links entre si, como uma página de preços cujos botões abrem uma página de checkout. Você cria cada tela separadamente e depois pede ao Vibr para conectá-las.
Crie um link de uma tela para outra
- Crie a tela para a qual você quer apontar, como uma página de checkout, e selecione Salvar.
- Selecione Novo para começar a próxima tela.
- Na sua solicitação, mencione a tela salva com
@screen/, por exemplo: "Uma página de preços com três planos. Começar abre @screen/a-checkout-page-with-an-order-summary".
O nome de tela de cada protótipo salvo vem do título dele. Digite @screen/ para ver a lista, ou @ e as primeiras letras do título.
Clicar em um botão com link no canvas não sai do rascunho. O Vibr diz qual tela ele abre e lembra você de usar Reproduzir.
Reproduza o fluxo
Quando um rascunho tem links para outras telas, aparece um botão Reproduzir acima do canvas. Selecione-o para navegar pelo fluxo como um usuário faria.
- A trilha acima do canvas mostra as telas que você visitou.
- Voltar retorna à tela anterior, e Reiniciar volta à primeira.
- Concluído, ou Esc, encerra a reprodução.
Se um link apontar para uma tela que não está salva, Reproduzir avisa. Salve um protótipo com esse nome ou peça ao Vibr para apontar para outro lugar.
Exporte um fluxo
Em Exportar, escolha Fluxo (.zip) para baixar esta tela e todas as telas para as quais ela aponta, como páginas web. Abra o index.html para começar; cada tela conectada é uma página própria, e os links funcionam. Uma exportação de fluxo inclui até 30 telas. Consulte Biblioteca e exportações.