Diseño automático con Navi+ AI
Deja que Navi+ se encargue de todo el trabajo de IA — solo describe el menú que quieres directamente en el editor. Sin herramientas externas, sin copiar y pegar JSON. (Business / Elite)
Abrir: el botón AI → tarjeta Diseño automático con Navi+ AI.
¿En qué se diferencia de “Diseño automático con tu app de IA”?
| Tu app de IA | Navi+ AI | |
|---|---|---|
| Herramienta de IA | Tú abres ChatGPT / Claude / Gemini | Navi+ llama a la IA por ti |
| Copiar/pegar JSON | Sí, manualmente | No es necesario |
| Pasos | 4 pasos | 1 paso (chat) |
| Plan | Gratis | Business / Elite |
Antes de empezar — haz una copia de seguridad de tu menú
⋮ Más → Copia de seguridad / Restaurar — haz una copia de seguridad de tu menú actual antes de aplicar el resultado de la IA.
Cómo usarlo
- Abre la tarjeta Diseño automático con Navi+ AI.
- Escribe una descripción en el cuadro de chat, p. ej. “Crea una tab bar de 5 elementos para una tienda de moda, en blanco y negro.”
- (Opcional) Adjunta una imagen de referencia con el botón Subir para que la IA siga el diseño/los colores.
- Haz clic en Enviar. La IA devuelve un diseño y lo aplica al editor para previsualizarlo.
- Sigue conversando para refinar (“cambia el ícono de Contacto”, “elimina el último elemento”)… o haz clic en Nuevo chat para empezar de nuevo.
- ¿Conforme? Haz clic en Guardar.
Tu historial de chat se guarda — haz clic en Historial para reabrir sesiones de diseño anteriores.
Requisito del plan
Esta función está en el plan Business / Elite. En un plan inferior verás un aviso de mejora cuando abras esta tarjeta.
Indicaciones de ejemplo
- Crea una tab bar de 5 elementos para una tienda de cosméticos, tonos rosa pastel.
- Agrega un ícono a cada elemento y convierte el último elemento en un botón de Contacto destacado.
- Diseña un mega menú como la imagen que acabo de enviar. (adjunta una imagen con el botón Subir)
- Elimina el elemento Blog, fusiona Promociones y Rebajas en uno solo.
Caso de estudio — construir una tab bar de cosméticos en 3 turnos de chat
Contexto: Una nueva tienda de cosméticos sin menú aún quiere una tab bar que combine con su marca rosa pastel.
- Haz primero una copia de seguridad por seguridad (⋮ Más → Copia de seguridad / Restaurar).
-
Abre la tarjeta Diseño automático con Navi+ AI. Turno 1:
Crea una tab bar de 5 elementos para una tienda de cosméticos: Inicio, Productos, Ofertas, Guía de Belleza, Cuenta. Tonos rosa pastel.La IA construye la tab bar y la muestra en la vista previa de inmediato.
-
Turno 2 — adjunta una imagen de UI de ejemplo con el botón Subir, luego escribe:
Haz coincidir el radio de las esquinas y los íconos con el estilo de esta imagen. -
Turno 3 — un pequeño ajuste:
Convierte el elemento Cuenta en un botón de Contacto destacado con un ícono de teléfono. - Satisfecho, haz clic en Guardar. La próxima vez que necesites cambios, haz clic en Historial para reabrir esta sesión.
Resultado: Una tab bar que combina con la marca, terminada en 3 turnos de chat sin salir de Navi+.