Crear
Flujos
Enlaza pantallas con menciones @screen, recórrelas con Reproducir y exporta el flujo completo.
Un flujo es un conjunto de prototipos guardados que enlazan entre sí, como una página de precios cuyos botones abren una página de pago. Construyes cada pantalla por separado y luego pides a Vibr que las enlace.
Enlaza una pantalla con otra
- Construye la pantalla a la que quieres enlazar, como una página de pago, y selecciona Guardar.
- Selecciona Nuevo para empezar la siguiente pantalla.
- En tu petición, menciona la pantalla guardada con
@screen/, por ejemplo: «Una página de precios con tres planes. Empezar abre @screen/a-checkout-page-with-an-order-summary».
El nombre de pantalla de cada prototipo guardado sale de su título. Escribe @screen/ para ver la lista, o @ y las primeras letras del título.
Al hacer clic en un botón enlazado en el lienzo no sales del borrador. Vibr te dice qué pantalla abre y te recuerda que uses Reproducir.
Reproduce el flujo
Cuando un borrador enlaza a otras pantallas, aparece un botón Reproducir encima del lienzo. Selecciónalo para recorrer el flujo como lo haría un usuario.
- El recorrido encima del lienzo muestra las pantallas que has visitado.
- Atrás vuelve a la pantalla anterior, y Reiniciar vuelve a la primera.
- Listo, o Esc, termina la reproducción.
Si un enlace apunta a una pantalla que no está guardada, Reproducir lo indica. Guarda un prototipo con ese nombre o pide a Vibr que enlace a otro sitio.
Exporta un flujo
En Exportar, elige Flujo (.zip) para descargar esta pantalla y todas las pantallas a las que enlaza como páginas web. Abre index.html para empezar; cada pantalla enlazada es una página propia, y los enlaces funcionan. Una exportación de flujo incluye hasta 30 pantallas. Consulta Biblioteca y exportaciones.