Playbook de IA en Diseño
El futuro agéntico en product design

Esto no va solo de usar AI. Va de cambiar cómo trabajamos en product design: pasar de idea a prototipo funcional, de research a una herramienta real, y de producto existente a exploración continua de nuevas mejoras, sin abrir Figma.

3 skills → prototipo Research → tool → code Digital twins
Volumen 1
Product Design
AI principal
Claude
Output hoy
Prototipos + pilotos
Base operativa
Repos + deploy + data
Qué cambia

No es un cambio de discurso.
Es un cambio de capacidad.

La oportunidad no está solo en “usar AI”. Está en que diseño gane más capacidad para explorar, aterrizar, pilotear y conversar mejor con tecnología. Cada track entra en un momento distinto del trabajo, pero todos empujan la misma idea: reducir fricción entre pensar algo y verlo vivir.

Track 1

Cuando todavía estamos abriendo la idea

Sirve para prototipar rápido, bajar incertidumbre y poner algo frente a usuarios o stakeholders antes.

Track 2

Cuando ya hay una oportunidad clara

Sirve para convertir research en una herramienta o flujo piloto que ya se puede usar en una URL real.

Track 3

Cuando el producto ya existe

Sirve para explorar cambios, features y ajustes sobre algo vivo sin empezar todo desde cero.

Track 1 · Prototipado rápido

3 skills en Claude para convertir una idea en prototipo funcional

Qué es

Un pipeline de 3 skills construido en Claude

Este track toma una idea todavía abierta y la convierte en un prototipo funcional en horas. El valor no es solo la velocidad: es que una persona puede pasar de idea a algo usable directamente desde prompts, sin abrir Figma.

Idea 3 skills en Claude Prototipo funcional
Ver prototipo en acción Ejemplo de landing funcional hecha para visualizar y validar más rápido.
Skills que toca

Las 3 skills hacen el trabajo en secuencia

  • Skill 1 · UX / framing: aterriza objetivo, JTBD, flow y qué vale la pena mostrar.
  • Skill 2 · Build: convierte esa dirección en front-end funcional y navegable.
  • Skill 3 · UI / design system: aplica consistencia visual y de marca desde el system en Markdown.
Track 2 · Research 2 Code

Research 2 Code cuando ya entendimos la oportunidad

Qué es

Pasar de research a una herramienta que ya vive

Acá diseño no se queda en la recomendación. Si ya hay claridad suficiente, se puede empujar hasta una herramienta usable que vive en una URL real y permite pilotear mejor.

Research Tool Code
Ver piloto desplegado Ejemplo de Research to Code llevado a una herramienta usable en web.
Skills que toca

Diseño, implementación y management

  • Research + product judgment: traducir evidencia a decisiones concretas.
  • Front-end: construir interfaces y conectarlas a algo usable.
  • Back-end awareness: logs, APIs, bases de datos e integraciones ligeras.
  • Project / product management: decidir alcance, riesgos, tiempos y cómo medir el piloto.
Track 3 · Digital Twins

Promptar nuevas features sobre un producto que ya existe

Qué es

Un twin digital para explorar producto con mucho más realismo

En vez de empezar desde una pantalla en blanco, partimos de un twin del producto. Eso nos permite promptar nuevas features, cambios de flujo o mejoras directamente sobre algo real, sin abrir Figma y con mucho más contexto.

Producto Twin Prompt features
Ver digital twin en acción Clon funcional de un producto real para explorar nuevas features mediante prompts.
Qué habilita

Qué habilita este track

  • No se arranca desde cero: se parte del comportamiento real del producto.
  • Se exploran features mucho más rápido: ideal para comparar alternativas dentro del contexto real.
  • Se conversa mejor con stakeholders: porque el cambio ya se ve dentro del producto.
  • Se mantiene consistencia: el design system en Markdown ayuda a aplicar marca y UI con AI.
Skills

Las skills que estamos construyendo alrededor de esto

Esto empuja a diseño a trabajar más cerca de producto, proyecto y tecnología. No para reemplazar esos roles, sino para colaborar con más criterio y más rango de acción.

Diseño

Product / UX

Framing, JTBD, flows, narrativa y criterio de experiencia.

Tecnología

Front-end

HTML, CSS, responsive, componentes y deploy básico.

Tecnología

Back-end awareness

APIs, data, logging e integraciones ligeras para pilotos.

Management

Product + project

Alcance, priorización, decisiones, riesgos y lectura de valor.

Cómo lo estamos montando

No es solo la AI. También es la forma de trabajar alrededor.

AI

Claude como herramienta principal

Hoy es donde estamos estructurando mejor skills, secuencias y artefactos funcionales.

Código

GitHub para repos por proyecto

Tener repos nos permite versionar, ordenar, iterar y no perder lo que sí sirve.

Deploy

Cloudflare para publicar

Nos da una forma rápida de sacar pilotos y prototipos a una URL compartible.

Data

Supabase para bases y logs

Cuando el caso lo necesita, tenemos una capa simple para guardar datos e instrumentar.

Límites

El valor hoy está en explorar y pilotear mejor, no en prometer magia

Sí hoy

Prototipos y pilotos

Ya podemos movernos con mucha más velocidad en exploración, visualización y pruebas con más realidad.

En conversación

Gobierno con TI y AI

Todavía se está definiendo hasta dónde puede escalar esto, con qué reglas y con qué soporte.

No todavía

Implementación full

No estamos planteando que diseño cierre por sí solo implementaciones completas de punta a punta.

Cierre

Esto no va de acumular prompts.

Va de darle a diseño una forma más potente de trabajar: pensar mejor, mostrar antes, pilotear con más realidad y conversar de tú a tú con producto y tecnología.
Track 1

Idea → prototipo funcional

Tres skills en Claude para construir desde prompts, sin abrir Figma.

Track 2

Research → tool → code

Para convertir una oportunidad clara en una herramienta usable.

Track 3

Producto → twin → features

Para explorar nuevas ideas sobre un producto real con mucho más contexto.