De la idea al MVP funcional, cada uno un constructor
La clase en la que la idea del User Story Map baja a tierra: construir el MVP en AI Studio con Gemini 3.6, publicarlo con URL propia y aprender a gobernar la IA para que haga lo que pides. Y de remate, un reto real: venderle una estrategia a una empresa canaria con enfoque Lean Startup.
Antes de bucear en los recursos, comprueba qué se te ha quedado: recordar de forma activa fija mucho más que releer. No hay nota ni castigo, y si fallas te explico el porqué.
Repaso · Pregunta 1/4
¿Qué diferencia a AI Studio de un no-code como Lovable a la hora de guardar datos?
Ninguna: las dos guardan los datos igual de bien.
AI Studio te integra Firebase, la base de datos de Google, así que las apps pueden ser funcionales de verdad y no cartón piedra.(respuesta)
AI Studio no puede guardar datos, solo enseña maquetas.
AI Studio usa Gemini por debajo y te puede enganchar Firebase, la base de datos de Google. Con eso la información persiste (citas, empleados, facturas) en vez de perderse al recargar. Si no montas base de datos, te guarda en localStorage: solo en ese navegador.
Has terminado tu app y quieres una URL real y pública para enseñarla. ¿Qué botón usas?
Remix: crea una copia snapshot en otra URL.
Share: da acceso a otra persona para que edite tu app.
Publish: te devuelve la URL pública (tuempresa.ai.studio) que puedes verificar en incógnito.(respuesta)
Remix es un snapshot (copia no sincronizada), Share es edición colaborativa tipo Google Docs, y Publish es la URL pública real. La buena tiene forma tuempresa.ai.studio, no ai.studio/apps/UID (eso es la URL del proyecto). Verifícala en una ventana de incógnito.
Le pides a la IA que tu app de facturas guarde los datos en base de datos y la publicas. ¿Qué falta?
Nada: al publicar, Google la protege sola.
Pedir también un sistema de autenticación: la URL es pública y sin login cualquiera lee tus datos.(respuesta)
Cambiar el color de la interfaz para que se vea más seria.
La URL publicada es pública. Si añades base de datos real sin autenticación, cualquiera con el enlace puede leer y escribir tu contabilidad. Junto con "haz la base de datos real" hay que pedir "monta un sistema de usuario y contraseña". Es el susto clásico de las apps de facturas picadas con IA.
En el reto de empresa, ¿qué significa aplicar el enfoque Lean Startup?
Construir la versión más completa posible antes de enseñarla a nadie.
Lanzar MVPs mínimos con una hipótesis y una métrica claras, medir con clientes reales y aprender antes de escalar.(respuesta)
Gastar todo el presupuesto en publicidad para competir con las multinacionales.
Lean Startup es construir-medir-aprender: cada MVP tiene un objetivo de prueba y una métrica exacta ("mueve las ventas o no"), se valida barato con clientes reales y solo entonces se escala. Nada de "yo creo que funciona" ni de comprometer todo el presupuesto de golpe.
01
De la idea al constructor
~4 min
Veníamos de un recorrido largo: portfolios con Lovable y v0, mentalidad de producto, el
entendimiento compartido (lo más difícil no es desarrollar, es ponernos de acuerdo) y, la
clase pasada, el User Story Map: cada grupo eligió una idea, generó
personas para meterse en la piel del usuario y la bajó a categorías, actividades e historias
de usuario, separando al final el MVP de lo que viene después.
El viaje hasta aquí
01Ya sabíais definir
Portfolios con Lovable y v0, mentalidad de producto, entendimiento compartido, prompting con metaprompt y, la clase pasada, el User Story Map: idea, personas, categorías, actividades e historias de usuario.
02Separar el MVP
El ejercicio terminaba partiendo lo que va en la versión 1 (el producto mínimo viable) de lo que viene después. La regla: lo mínimo para salir al mercado y amortizar cuanto antes.
03Hoy: construir
Cada uno se convierte en constructor y baja su idea a un prototipo funcional. Como no trabajáis en equipo, saldrán varias versiones del mismo producto y luego votamos la mejor.
El conflicto de siempre: la idea y lo que puedes construir
Un MVP es lo mínimo necesario para salir al mercado y amortizar cuanto antes. Todo lo demás
es backlog para más adelante. Antes esto desembocaba en un backlog de producto ordenado de
arriba abajo; hoy, con la IA, damos un paso más: cada uno de vosotros pasa de definir a
construir, sin equipo de desarrollo detrás. Como no trabajáis en grupo, saldrán a lo mejor
cinco versiones del mismo producto, y al final votamos la mejor.
02
AI Studio: construir con Gemini 3.6
~5 min
Hoy no usamos Lovable: nos vamos a AI Studio, la herramienta de Google,
bastante más generosa en créditos (no los cinco de Lovable, casi ilimitados; si te pasas
mucho, te corta el grifo, pero cuesta llegar). Usa Gemini 3.6, que salió hace
dos días, y por debajo tira de Gemini Flash: es rápida. Le puedes pegar capturas de pantalla
e incluso hablarle.
Deja de ser cartón piedra: te integra Firebase
La gran diferencia: AI Studio te da base de datos. Google tiene Firebase y
te la integra, así que es muy probable que tus apps sean funcionales de verdad, no como el
cartón piedra de otras herramientas. Si le pides que monte la base de datos, la información
persiste; si no, te la guarda en localStorage (solo en ese navegador y ese
ordenador). Varios prototipos de clase acabaron guardando datos reales.
El contra: Gemini 3.6 es un modelo inferior a un Opus 4.8 o un GPT-5, así que
las interfaces salen más toscas y hay que ser muy fino en el prompting: pedir
los cambios con precisión e iterar. Todo tiene su lado bueno y su lado malo; hoy tocaba probar
Gemini 3.6 en primicia y ver hasta dónde llega.
Recursos
WebGoogle AI Studio · construye apps con Gemini 3.6, te integra Firebase como base de datos y las publica con URL propia. Créditos muy generosos.
03
El prompt del constructor
~5 min
El flujo es el mismo que ya conocéis, con el material del User Story Map como contexto: en
Miro seleccionáis el buyer persona y la idea, y de la espina dorsal del mapa cogéis solo lo que sea MVP. Control C, y a AI Studio. Prontead como queráis (confío
en vuestro criterio); este es el que suelo usar yo.
El prompt de la sesión · pégalo en AI Studio con el contexto copiado de Miro
ACTÚA COMO especialista de producto y desarrollador senior.
CONTEXTO:
(Pega aquí, desde Miro, el buyer persona y la idea completa,
más la espina dorsal del User Story Map. Selecciona SOLO lo
que consideres parte del MVP: si una funcionalidad no aporta,
no la pegues. El texto de dentro de las tarjetas también se
copia si las seleccionas.)
RESULTADO ESPERADO:
Un MVP funcional y que guarde los datos.
NO QUIERO (GUARDARRAÍL):
- No quiero emojis.
- No quiero una interfaz sobrecargada.
- No inventes datos que no tengas: pregúntame antes.
Iterad como si fuerais el usuario: lanzáis el constructor (la primera vez
tarda, levanta el proyecto de cero), probáis la app dándole a los botones y moviéndoos, y le
vais pidiendo cambios: esta funcionalidad sí, esta no, este texto así. No es lanzar el prompt y
listo; la nota está en cuánto la puléis. Si queréis interfaces mucho mejores, pasadle la skill
de UX/UI del cierre.
04
Publicar, compartir o remezclar
~5 min
Cuando tenéis el prototipo, hay tres caminos, y conviene no confundirlos.
El que da la URL pública real es Publish: ahí dentro tenéis control de
versiones e integraciones (por ejemplo, que la app escriba en un Google Sheet).
Remix · Compartir · Publicar
01Remix
Un snapshot: copia el proyecto en una URL nueva a partir de toda la conversación. No queda sincronizado con el original. Ideal para probar una idea disruptiva sin manchar tu proyecto.
02Compartir (Share)
Como un Google Docs: das acceso para que otra persona edite tu misma app, meta prompts y añada funcionalidades. Perfecto para una miniapp de departamento que mantenéis entre varios.
03Publicar (Publish)
El botón que te da la URL pública real. Tiene control de versiones e integraciones (Google Sheets, Firebase). La URL buena es tuempresa.ai.studio, no ai.studio/apps/UID.
Cuenta corporativa que pide pasarela de pago al publicar: pasa con AI Studio y
con NotebookLM. Solución: comparte la app en abierto, ábrela desde tu Gmail personal en otro
navegador y publícala desde ahí. Al importarla a la cuenta personal, a veces basta con pedirle
un cambio menor para que la importe del todo y aparezca el botón de publicar. Y verifica la URL
publicada entrando en incógnito.
05
Tu prototipo es público: datos y seguridad
~4 min
Antes de subir nada real, entiende dónde viven los datos. No es lo mismo guardar en el
navegador que en una base de datos en la nube, y cada opción cambia lo que ve el usuario y
quién puede acceder.
localStorage
Guarda en tu navegador
Los cambios se quedan en ese ordenador y ese navegador. Si abres la app en otro sitio, no
verás nada de lo que registraste.
Para qué va bien: probar el prototipo tú solo. Para qué no: cualquier cosa que tengan que
ver otras personas o varios dispositivos.
Firebase
Base de datos en la nube
Le pides a AI Studio que monte la base de datos y los datos persisten de verdad: siguen ahí
entres desde donde entres. La app se vuelve funcional.
Para qué va bien: apps reales de departamento o de negocio. El precio: hay que protegerla.
El susto de la app de facturas
Aquí viene el gran pero: la URL publicada es pública. Si además de "haz la
base de datos real" no pides "monta un sistema de autenticación", cualquiera con el enlace
puede leer y escribir tus datos. Ya se ha visto más de un sustillo de apps de contabilidad
picadas con IA, subidas a producción y olvidando que no solo tú accedes: accede cualquiera
con la URL. Base de datos real y usuario/contraseña van siempre juntos.
06
Los MVP que salieron de clase
~3 min
Esto es lo que da de sí una sesión de 40 minutos cuando llegas con la idea ya definida:
gestores de pyme con citas y facturación, un asistente por voz, un marketplace del agricultor
al consumidor, un planificador de barbacoas con modelo de negocio... Prototipos reales,
varios con base de datos por debajo, construidos por perfiles no técnicos.
MVP publicados en 40 minutos
Ana Flores Sánchez PalomoGestión integral para autónomo/pyme, con agente por voz
Ninguno está terminado y no pasa nada: son prototipos en primicia con Gemini 3.6. Las
interfaces salieron más barrocas que con Lovable, pero muchos ya persisten datos. Lo
importante es que sois capaces de pasar de una idea a un prototipo funcional; a partir de
ahí, o lo puléis vosotros, o llegáis al especialista con el prototipo ya en la mano y
aceleráis la entrega.
Recursos
WebSkill UX/UI Pro Max · una skill (habilidad enlatada) con todo el conocimiento de UX/UI: pásasela a tu IA de escritorio (ChatGPT, Claude) para que las interfaces salgan mucho mejores. Comunidad gratuita con más skills (SEO y demás).
07
Reto final: vender a una empresa canaria
~5 min
El segundo ejercicio, en dos grupos y con libertad total de herramienta: cada equipo elige
una empresa canaria real, entiende su caso (necesidad y presupuesto) y plantea qué crearía
para resolverlo. No hace falta un producto: vale una hipótesis bien definida, un prototipo
del MVP o una presentación que gane al cliente. Salieron dos enfoques opuestos sobre el
mismo método Lean Startup (construir, medir, aprender).
Arehucas · ron
Estrategia en tres formatos
"El sabor que te lleva de Canarias": pivotar de competir por presupuesto a vender la
herencia canaria como experiencia turística. Seis hipótesis, cinco MVP piloto (degustaciones
controladas, red de hoteles con QR, cóctel insignia, lote turístico, anuncios
geolocalizados) y métricas por cada uno.
Lo presentaron con NotebookLM en tres modos: vídeo, presentación y
infografía.
Tirma · alimentación
Expansión Lean paso a paso
Validar si el producto encaja fuera de Canarias: catas ciegas, test A/B de packaging y
origen, landings con preventa, ventas piloto en puntos físicos, test de precio y campañas
con influencers gastronómicos.
Todo con métricas de conversión, coste por cliente y margen para ver qué canales son
escalables antes de un despliegue territorial.
La lección del reto: lo que os entrego es un buyer, esta vez una empresa. No
hay aprobado ni suspenso, es para practicar. El método no cambia por ser una empresa en vez de
una persona: definir la hipótesis, diseñar el MVP mínimo, medir con una métrica clara y decidir
si se escala, ajusta o para. Y nunca comprometer todo el presupuesto de golpe.
Recursos
WebArehucas · Vídeo (NotebookLM) · el equipo de Arehucas convirtió su propuesta en un vídeo explicativo generado con NotebookLM desde una sola fuente.
WebArehucas · Presentación (NotebookLM) · la misma estrategia en formato presentación: el sabor que te lleva de Canarias, hipótesis y cinco MVP piloto.
WebTirma · Expansión Lean MVP (AI Studio) · el prototipo del equipo de Tirma en AI Studio, con la validación de hipótesis y los experimentos mínimos viables.
LecturaTirma · Estrategia Lean (PDF) · el documento del equipo de Tirma: catas ciegas, test A/B de packaging, landings con preventa y métricas de conversión, coste por cliente y margen.
Glosario · toca para ampliar
MVP
Producto Mínimo Viable: la versión más pequeña de tu idea que ya funciona de verdad y sirve para validar si alguien la quiere. Pocas funcionalidades, pero completas.
Una versión temprana y navegable de un producto para validar dos preguntas: ¿la necesidad existe? y ¿lo que ofrecemos la resuelve? No busca estar terminado, sino aprender rápido.
Herramienta de Google para construir aplicaciones con IA (usa Gemini por debajo). Muy generosa en créditos e integrada con el ecosistema de Google, incluida la base de datos Firebase.
La base de datos en la nube de Google que AI Studio te puede integrar. Con ella la app persiste los datos de verdad y deja de ser cartón piedra: lo que guardas sigue ahí en cualquier dispositivo.
Almacenamiento del propio navegador. Guarda los cambios solo en ese ordenador y ese navegador: si abres la app en otro sitio, no verás nada. Útil para prototipos, pero no es una base de datos compartida.
El sistema de usuario y contraseña que controla quién entra. Si publicas una app con base de datos sin autenticación, cualquiera con la URL puede leer y escribir tus datos.
Método para lanzar productos con el mínimo riesgo: construir la versión más simple, medir con clientes reales y aprender rápido, antes de jugarte el presupuesto a una sola carta.
Si te llevaras únicamente dos cosas de toda esta página, que sean éstas:
Construye de verdad, gobernando la IA: pega el buyer y el MVP
del User Story Map en AI Studio, itera
como usuario y publica con URL propia. Gemini 3.6 exige un prompting fino: pide los cambios con
precisión.
Base de datos real = autenticación obligatoria: la URL
publicada es pública. Si guardas datos en Firebase sin login, cualquiera con el enlace los
lee. Pide siempre las dos cosas juntas.
¿Dudas con vuestro producto? Escribidme a hi@alci.dev o
llevadlas a la mentoría. Si no terminaste tu MVP en clase, aquí tienes todos los pasos.