Guía
Dibujar el flujo de navegación
En la pestaña Flujo dibujas cómo se pasa de una pantalla a otra, con pantallas, condiciones, notas y flechas, o le pides a la IA que lo dibuje a partir de tus pantallas.
Quién puede
- Para
- Quien diseña, Tu equipo
- Rol
- Desde «Puede ejecutar con IA»
- Plan
- Todos los planes, también Free
- Dónde
- En el ordenador
El Flujo es el mapa del proyecto: qué pantalla lleva a cuál, dónde se bifurca el recorrido y qué pasa en cada caso. Ayuda a la IA a construir las pantallas que faltan y, si lo compartes, tu cliente lo ve en su portal.
Abrirlo
En el proyecto, pulsa la pestaña Flujo, junto a Pantallas. Con Esc vuelves a Pantallas.
Empezar rápido
Con el mapa vacío tienes dos atajos:
- Pedírselo a la IA: crea una bitácora para que la IA dibuje el recorrido completo a partir de tus pantallas y sus hotspots. Con tu clave de la API se ejecuta al momento; con el conector, se lo pides a tu chat. El mapa aparece solo cuando termina, pensado para leerse de un vistazo: una nota arriba, el recorrido en franjas numeradas de izquierda a derecha, la navegación global como una línea punteada y texto en las flechas importantes.
- Sembrar pantallas: añade un nodo por cada pantalla que todavía no está, ya unidos según sus hotspots. Lo que ya había no se toca.
Añadir piezas
La barra de abajo a la izquierda tiene cuatro piezas. Púlsalas o arrástralas al mapa:
| Pieza | Para qué |
|---|---|
| Pantalla | Una pantalla del proyecto: eliges cuál en la lista. Las que ya están dicen «ya en el diagrama» |
| Condición | Un punto donde el recorrido se bifurca, con sus opciones Sí y No. Con + añades más casos |
| Nota | Un texto para explicar algo del recorrido |
| Imagen | Una referencia: elígela o pégala con Ctrl+V (PNG, JPEG, WebP o GIF, hasta 8 MB) |
Haz doble clic en una pieza para cambiar su texto. En una pantalla, el doble clic la abre en Pantallas.
Unir con flechas
- Arrastra desde el borde de una pieza, que se ilumina, hasta otra.
- O pulsa Conectar (C) en el riel de la izquierda: clic en el origen y clic en el destino.
- En una condición, arrastra desde cada opción: la flecha lleva su nombre.
- Si sueltas en el vacío, nace una pieza nueva ya unida.
Las líneas salen en zigzag y rodean las piezas, sin pasar nunca por detrás. Las que salen de Sí son verdes y las de No, rojas; la etiqueta de una línea lleva su mismo tono.
Al elegir una flecha sale su barra: los extremos, si es en ángulo, curva o recta, el trazo, el grosor, el color y Escribir en la línea para ponerle una etiqueta.
Ordenar el mapa
- Seleccionar con marquesina (S) elige varias piezas a la vez; también Mayús y clic, o Ctrl+A.
- Al pasar sobre una pieza puedes cambiar su color y su ancho.
- Con el clic derecho: Ver en Pantallas, Bloquear para que no se mueva, y el orden de las capas.
- Una flecha también se bloquea desde su barra. Para desbloquearla, púlsala y elige el candado abierto.
- Ver como cambia entre Tarjetas y Pantallas, con la captura de cada una.
- Supr borra lo elegido, Ctrl+Z deshace y F lo encuadra todo.
Cambiar el mapa dictando
Con la pestaña Flujo abierta, lo que escribes en una bitácora empieza por el mapa: la IA cambia primero el Flujo y luego las pantallas. Esas bitácoras llevan el chip Flujo.
Cuando un lote cambia la navegación de las pantallas, la IA también pone el mapa al día. Si estaba aprobado, queda por aprobar de nuevo, y con Qué mapa ver comparas el Actual con el Aprobado.
Lo que ve tu cliente
En Entrega › Opciones, enciende Flujo y tu cliente ve el mapa de esa actualización en su portal, en lectura, y abre cada pantalla desde él.
Pantallas que todavía no existen
Cuando la IA dibuja el recorrido, puede poner pantallas que aún no ha construido. Salen como Aún sin pantalla con su nombre: son las que construirá cuando se lo pidas. Ver Aprobar el mapa del flujo.
