Lo digo muchas veces en los vídeos: si quieres validar producto sin backend, no necesitas empezar montando una base de datos, necesitas validar la experiencia.
Muchos empiezan conectando Supabase el día 1, configuran autenticación, diseñan tablas… y todavía no saben si el flujo principal tiene sentido.
En ideación UX lo importante no es la infraestructura. Es comprobar si el flujo funciona, si los estados están bien definidos y si el comportamiento es coherente.
Por eso, cuando hago vibe coding con IA, empiezo usando localStorage como persistencia temporal.
No porque sea lo “técnicamente perfecto”, sino porque estratégicamente tiene más sentido.
localStorage me permite construir un prototipo funcional sin backend, con datos persistentes y sin complejidad innecesaria. Y con una simple instrucción en el prompt, la IA lo implementa.
Hace poco, trabajando en una mejora de una herramienta interna, estuve a punto de conectar backend el primer día.
Paré.
Guardé todo en localStorage y en 2 horas detecté que el flujo principal era confuso.
Si hubiera empezado por la base de datos, habría optimizado algo que todavía no estaba claro.
Qué significa validar producto sin backend
Validar producto sin backend no es hacer algo incompleto. Es hacer lo necesario en el momento adecuado.
Significa construir una versión funcional que permita:
- Validar el flujo de usuario
- Comprobar estados de interfaz
- Probar edición y guardado de datos
- Detectar errores reales
- Ver cómo responde el sistema tras un refresh
Sin base de datos, pero con lógica real.
La pregunta no es: “esto escala?”
La pregunta es: “esto tiene sentido?”
El papel de localStorage en prototipos
localStorage es un sistema de almacenamiento en el navegador que guarda datos en formato clave-valor.
Los datos permanecen aunque el usuario recargue la página o cierre la pestaña.
Eso permite trabajar con persistencia real sin conectar una base de datos.
Para una primera versión o incluso para un MVP temprano, es suficiente.
Con localStorage puedes construir un prototipo que se comporta como un producto real: el usuario edita, guarda y los datos siguen ahí.
Y cuando ves ese comportamiento funcionando, aparecen problemas que en Figma no ves.
Vibe coding + persistencia ligera
Si utilizas herramientas como Cursor, Google Antigravity u otros agentes de IA, puedes pedir directamente que los datos se almacenen en localStorage.
Por ejemplo:
- Crear un perfil editable
- Guardar nombre, bio y avatar
- Persistir cambios automáticamente
- Limpiar datos en modo desarrollo
No hay backend, pero el flujo es real.
Primero validas comportamiento y después optimizas arquitectura.
Beneficios para UX, Product Designers y Product Makers
Son varios:
- Independencia técnica: validas hipótesis sin depender de infraestructura
- Velocidad de iteración: construyes, pruebas y ajustas en minutos
- Claridad estructural: defines qué datos existen, cuándo se guardan y cómo se recuperan
- Prototipos más creíbles: la persistencia hace que el producto se sienta real
Y eso cambia la conversación con stakeholders.
Qué puedes validar antes de montar backend
Puedes probar:
- Edición de perfil
- Preferencias y configuraciones
- Carritos simulados
- Filtros guardados
- Cambio entre light y dark mode
- Exportación de datos en JSON
Todo desde el frontend usando localStorage.
Si eso no funciona, una base de datos no lo va a arreglar.
Limitaciones
localStorage no es una solución final.
Tiene límites de tamaño (aprox. 5MB), no es seguro para datos sensibles y no sincroniza entre dispositivos.
En ideación UX no estás resolviendo escalabilidad, estás validando experiencia.
Cuándo dar el salto al backend
Cuando el flujo está validado y sabes exactamente qué datos necesitas persistir a largo plazo, entonces sí tiene sentido conectar una base de datos como Supabase, Firebase o Convex.
Llegarás con decisiones claras y menos fricción técnica.
Te dejo 2 posts relacionados que te puedan dar más info sobre esto: Diseñar con IA y datos reales: cuándo y cómo entra Supabase en mi flujo y Vibe coding y Supabase: cuando el diseño no empieza en Figma.
Resumiendo…
Validar producto sin backend es una decisión estratégica.
Empieza por la experiencia usando localStorage para simular persistencia real.
Ajusta flujos y estados.
Después escala.
No al revés.
Aprende sobre UX/UI + IA, Figma y Product Design
📣 Apúntate a mi newsletter semanal
