Crea una con IA
Construir una live app es como darle instrucciones a un diseñador que ya tiene las llaves de tu archivador. Le dices qué quieres ver; va y mira lo que realmente tienes, vuelve con un plan, te muestra tres estilos y solo entonces la construye. Tú apruebas en cada paso, y nada se guarda hasta que lo dices.
Antes de empezar
- Mientras más uses Nirvai — agentes, bases de datos, automatizaciones — más hay sobre lo cual construir. No necesitas nada conectado para construir sobre tus propios datos de Nirvai.
- Para traer un servicio externo (una tienda, una cuenta de anuncios, un CRM), primero necesitas una conexión guardada. Consulta Credenciales.
Paso 1 — Descríbela
Ve a Live Apps en la barra lateral y haz clic en Crear con IA. Escribe lo que quieres en palabras simples:
"Una app que muestre mis ventas de Shopify de este mes, los productos más vendidos y cuál de mis agentes cerró más conversaciones."
Di lo que quieres saber, no cómo acomodarlo — el estilo viene después. Si prefieres no empezar de cero, tienes tres ideas iniciales a un clic (un panel de ventas, un monitor de operaciones, una galería de contenido), o puedes empezar con una plantilla.
Paso 2 — Aprueba el plan
La IA revisa lo que tienes y vuelve con Propuesta lista. Haz clic en Revisar fuentes y verás exactamente qué datos piensa usar, agrupados por tipo, con una explicación de una línea de la app que tiene en mente.
- ShopifyPedidos, productos e ingresos de tu tiendaHerramienta conectada
- ClientesTu propia tabla de cuentas y sus responsablesBase de datos
- Conversaciones de agentesConversaciones que tuvieron tus agentes, por canalDatos de Nirvai
- Meta AdsGasto en anuncios para comparar con los ingresosAgregar credencial Meta Ads
Todo lo que no hayas conectado aparece como una fila Por configurar con un botón que te lleva a resolverlo. No es obligatorio: Construir con lo que tengo lo omite, y puedes agregarlo después.
Las fuentes que apruebas aquí son los únicos datos que la app va a tocar. Es la lista de permisos de la app — así que revísala y luego apruébala.
Paso 3 — Elige un estilo
Después llega Estilo listo. La IA diseña tres direcciones distintas para tu app — no tres tonos de lo mismo, sino tres personalidades genuinamente diferentes, cada una con sus colores, tipografías y formas. Si tienes una marca, usa tu logo y tus colores reales.
Puedes elegir uno o simplemente decir qué preferirías — "el tranquilo, pero en nuestro azul" — y lo rediseña. El estilo es solo la piel: cambiarlo después nunca toca tus datos.
Paso 4 — Vista previa y guardar
La IA escribe la app, la ejecuta contra tus datos reales (nunca un ejemplo inventado) y la prueba — en ancho de computadora y de teléfono, y con datos vacíos y con errores — antes de mostrarte nada. Cuando pasa las pruebas, recibes Live App lista con una Vista previa funcionando.
Recórrela. Cuando estés conforme, presiona Guardar Live App y se convierte en una app permanente con su propia página.
Mientras construyes, la app vive en el generador como un borrador. Encontrarás los borradores sin guardar en En progreso dentro de la página de Live Apps, y puedes retomarlos donde los dejaste — o descartarlos.
Cambiarla después
Abre la app y haz clic en Editar con IA. Puedes pedir lo que sea en palabras — pero la forma más rápida es señalar lo que está mal.
Activa Ajustar en la vista previa y luego haz clic en cualquier parte de la app. Cada elemento que marcas queda anclado con una caja de nota. Escribe qué debería cambiar; la app envía todas tus notas juntas como una sola instrucción, así hace todos los cambios de una pasada en vez de uno por uno.
- 1KPIResumen de ingresos“$42.6k”panel › kpi-rail › kpi-vMuestra el mes pasado abajo para poder comparar.
- 2GráficoIngresos por semana“Ingresos por semana”panel › chartHazlo mensual en vez de semanal.
- 3TablaPedidos recientes“Northwind Traders”panel › table › row¿Qué debería cambiar aquí? (obligatorio)
Cada elemento marcado necesita un comentario antes de poder enviarlo — es a propósito, porque un elemento sin nota no le dice nada a la IA.
Solución de problemas
| Qué ves | Qué significa | Qué hacer |
|---|---|---|
| Una fuente aparece como Por configurar | La app quiere un servicio que no has conectado | Agrega la conexión, o construye sin ella y agrégala después |
| La IA te hace una pregunta a mitad de camino | Necesita un detalle que no puede adivinar (qué tienda, qué periodo) | Respóndela — puedes volver a abrir tu respuesta con Responder de nuevo |
| Sigue construyendo después de varios minutos | Está probando contra tus datos reales, lo que toma tiempo en cuentas grandes | Déjala terminar; puedes salir y retomarla desde En progreso |
| La vista previa muestra un error | Un paso de datos falló al renderizar | Usa Arreglar con IA — reabre el generador con el error ya explicado |
| Quieres empezar de nuevo | Reiniciar borra los borradores y mensajes de la sesión. Las apps que ya guardaste se mantienen |