AI Product Designer: Hoy el nicho de diseño mejor pago es el producto operativo nativo de IA. Dejá de decorar pantallas y empezá a diseñar los productos cargados de datos que las empresas corren por construir, dirigiendo a la IA como tu colaboradora de diseño.

Description

INTERFACES: Diseñá las herramientas cargadas de datos sobre las que una empresa de verdad funciona, y volvete el diseñador del que no pueden prescindir, la habilidad B2B que paga y que casi ningún diseñador aprende

Esta guía enseña la habilidad de diseño que las empresas B2B piden a gritos y que las escuelas de diseño saltean: armar una herramienta cargada de datos y guiada por flujos donde un operador pasa el día entero sin pelearse con ella. Trabaja un solo producto de punta a punta, Harbor, una consola de operaciones de cadena de suministro, desde un tablero que muestra todo y no dice nada hasta una herramienta que un equipo pelea por conservar. Vas a aprender a construir jerarquía de información para que los primeros tres segundos aterricen, a diseñar la tabla de datos que en secreto es todo el producto, a hacer escaneable una lista de diez mil filas, a diseñar los estados que nadie diseña (vacío, cargando, error, demasiado) porque esos estados son el producto, a diseñar el flujo de varios pasos y sus casos raros en vez de la pantalla suelta, a hacer una interfaz densa sin volverla ruidosa, a diseñar para el usuario experto que vive adentro de la herramienta, y a mostrar el trabajo de una IA o una automatización dentro de una superficie operativa para que la gente confíe. Acá casi no hay teoría de estética y sí muchísimo sobre jerarquía, densidad, estados y flujo bajo datos y carga reales. Para el diseñador que quiere ser aquel del que una empresa no puede prescindir.

IA NATIVA UX: Diseñá los productos de IA en los que la gente de verdad confía, y volvete el que sabe cómo mientras todos los demás pegan un chat al costado

Esta guía te muestra por qué pegar una ventana de chat encima de una app existente falla por construcción, y cómo rediseñar el software desde los primeros principios alrededor de la intención del usuario en lugar de la navegación. Vas a ver cómo colapsar un panel de administración de 700 parámetros en un control por lenguaje natural sin perder precisión, cómo pasar de dibujar pantallas a diseñar los puntos de decisión donde el usuario revisa y corrige el plan antes de que se ejecute, y cómo decidir cuándo la IA solo sugiere, cuándo pide permiso y cuándo corre sola. La estrategia no es una lista de tendencias, es el orden en que tomás cada decisión de diseño cuando el software deja de ser navegable: cómo se expresa y se resuelve la intención, cómo mostrar qué hace la IA sin abrumar a nadie, cómo diseñar la confianza cuando el sistema actúa por el usuario, y qué queda cuando los menús, los formularios y los dashboards desaparecen. Cada capítulo ataca el punto exacto donde un producto con IA pegada se siente roto, y te deja la decisión de diseño ya tomada en vez del problema abierto. Para quienes construyen producto y necesitan salir de la cárcel del cuadro de chat.

INVESTIGACIÓN DE USUARIOS: Tomá decisiones de diseño que nadie en la sala pueda discutir, y dejá de perder la definición contra el que grita más fuerte, la habilidad que te convierte de un gusto más en una fuente de verdad

Esta guía te convierte de alguien con opiniones de diseño en alguien con evidencia de diseño, para que dejen de pasarte por encima. Sigue a un solo producto de ejemplo, Harbor, una herramienta de operaciones de cadena de suministro, a través de un ciclo entero de descubrimiento: plantear una pregunta que la investigación pueda contestar de verdad en vez de decidir vagamente hacer investigación, correr entrevistas que no le dictan la respuesta al testigo, reclutar a los cinco usuarios operativos que importan cuando nadie te los presenta, mirar a alguien usar la cosa y aprender a cerrar la boca, saber cuándo una encuesta ayuda y cuándo miente, leer lo que la gente hace en el producto en lugar de lo que dice en una sala, convertir diez entrevistas desprolijas en una decisión clara, y llevar un hallazgo hasta una hoja de ruta cambiada en vez de un informe que nadie lee. También vas a aprender a hacer todo esto sin tiempo y sin plata, que es la condición real de casi todos los equipos, y a ganar la discusión con evidencia en vez de volumen. Para el diseñador que está cansado de que le pasen por encima y quiere ser la fuente de verdad.

FIGMA: Armá archivos de Figma que ingeniería despacha sin reconstruir, y volvete la diseñadora en la que confían en vez de la que redibujan, la habilidad de handoff que hoy pide cada aviso de trabajo

Este libro te lleva de dibujar pantallas en Figma a armarlas con estructura, para que tus archivos reflejen cómo se construye de verdad el producto y el handoff sea una conversación en vez de diez. Trabaja sobre un solo producto de ejemplo, Harbor, una consola de operaciones, y lo va levantando capa por capa: auto layout para que un archivo sobreviva a ser editado, componentes y variantes para que un cambio se propague a todos lados, variables y modos para que claro, oscuro y un cliente white-label sean el mismo archivo, prototipos que se comportan como la cosa real en vez de un pase de diapositivas, prototipado avanzado con estado y condiciones, y el handoff, Dev Mode, especificaciones, estados nombrados, que termina con la reconstrucción. También vas a aprender a mantener rápido y legible un archivo de cuatro mil capas, a diseñar una pantalla en tres tamaños sin volverte loca, y a trabajar en un archivo con otros cinco diseñadores sin pisarse. Casi nada de tour por los menús, mucho sobre armar archivos que un ingeniero pueda despachar tal como los dibujaste. Para la diseñadora que está cansada de que la redibujen.

SISTEMAS DE DISEÑO: Dueño del sistema sobre el que se construye todo el producto, y volvete el diseñador del que una empresa que crece no puede prescindir, la habilidad que convierte a una persona en palanca para todos los demás

Esta guía te enseña a construir un sistema de diseño que sobrevive a su propio éxito, la fuente de verdad sobre la que se apoyan un producto que crece y un equipo que crece, y a volverte la persona que es dueña de él. Trabaja un solo producto de ejemplo, Harbor, una consola de operaciones que se desparramó hacia la inconsistencia, y lo reconstruye en un sistema desde los cimientos para arriba: arrancando con tokens en lugar de componentes, nombrando las cosas para que la gente de verdad las encuentre, diseñando la API de un componente para que un botón cubra todos los casos sin excepciones, evitando que Figma y el código se separen, construyendo color, tipografía y espaciado que sobreviven a un rebranding, y horneando la accesibilidad en vez de atornillarla al final. Después las partes que nadie enseña: patrones compuestos para cuando un solo componente no alcanza, documentación que la gente de verdad usa, y gobernanza, quién puede cambiar el sistema, cómo se versiona, cómo se deprecia, y cómo lo mantenés vivo y medís si alguien lo adopta. Casi nada de teoría, y muchísimo sobre las decisiones que hacen que un sistema dure. Para el diseñador que quiere ser la palanca sobre la que una empresa escala.

DISEÑO CON CLAUDE: Dirigí la IA como colaboradora de diseño y entregá más que un equipo entero, la habilidad nativa de IA que hoy filtra cada puesto de diseño de producto, para que la herramienta te multiplique en vez de reemplazarte

Este libro enseña la habilidad que los puestos nuevos de diseño filtran de verdad: dirigir la IA como colaboradora de diseño para entregar más que un equipo entero sin producir basura, y se trata de criterio, no de trucos de prompt. Trabaja una sola tarea a lo largo del libro, diseñar una función de IA nueva para Harbor, una consola de operaciones, y recorre el flujo de trabajo real: por qué hacé un dashboard te da basura y cómo instruir a un modelo como instruirías a un diseñador junior, usar la IA para explorar veinte direcciones en una hora en vez de una, prototipar en código real con herramientas como Cursor sin volverte ingeniero, generar UI que de verdad entregarías dirigiendo al modelo hacia tu propio sistema de diseño, y después la parte que separa a un director de un apretador de botones, el gusto que el modelo no tiene, editar y juzgar la salida, decidir lo que solo vos podés decidir. Vas a aprender el bucle agéntico de planificar, generar, revisar, repetir, cómo investigar y sintetizar más rápido sin mentirte a vos mismo, cómo entregarle el diseño hecho con IA a los ingenieros, y cómo mantenerte adelante de herramientas que cambian cada mes siendo dueño de un método en vez de correr atrás de apps. Para el diseñador que quiere que la IA lo multiplique, no que lo reemplace.

PLANIFICACIÓN DE PRODUCTO: Volvete el líder que convierte un objetivo difuso en un plan que entrega lo correcto, el criterio con el que te ganás un lugar entre los que deciden.

Este libro te enseña a convertir un objetivo difuso en un plan que tu equipo pueda construir y de verdad sacar, el trabajo de planificación que cada vez más es la responsabilidad del ingeniero líder y para el que nadie te entrena. Arranca desde el resultado, no la feature: llegar al problema real y al resultado que importa detrás del pedido, porque un plan que entrega lo equivocado a tiempo sigue siendo un fracaso. Construye el oficio central: escribir requisitos e historias de usuario que describen el problema y los criterios de aceptación en vez de dictar una solución, para que un equipo pueda construir lo correcto sin adivinar lo que pensabas, y rebanar un objetivo grande en piezas verticales finas que cada una entrega valor, para que aprendas temprano y siempre tengas algo entregable en vez de un big-bang que no vale nada hasta el final. Encara la priorización de frente, las decisiones que definen un buen plan: qué construir primero y qué cortar, cómo pesar el valor contra el esfuerzo y el riesgo con honestidad, defender el foco contra el crecimiento del alcance y el backlog de la voz más fuerte que arruinan la mayoría de los planes, y la disciplina de hacer menos a propósito. Se conecta con la entrega: un roadmap que comunica la intención sin mentir sobre las fechas, planificar bajo la incertidumbre que cargan las estimaciones, secuenciar primero el trabajo riesgoso y desconocido, y replanificar a medida que aprendés en vez de marchar un plan viejo a un precipicio. Cierra con medir si el plan funcionó, definir el éxito antes de construir para poder saberlo, y la colaboración con producto, diseño y los stakeholders que convierte un plan en uno compartido. Los ejemplos son planes reales, hechos mal y después bien. Para líderes que quieren a su equipo construyendo lo correcto en el orden correcto, hacia un resultado que importa.

DEMOS: Mostrale tu trabajo a la gente que lo paga y que quede. Contá una historia en vez de pasear feature por feature, cortá el desastre de la demo en vivo antes de que pase y salí de la reunión con el sí, el presupuesto y el crédito

Este libro le enseña al ingeniero a mostrar su propio trabajo para que de verdad impacte en la gente que decide. Arranca desde la cuenta que nadie dice en voz alta: un gran trabajo que se demuestra mal se muere en la reunión, y un trabajo mediocre con una demo afilada se lleva el presupuesto, así que la demo no es un trámite después del trabajo de verdad, es donde el trabajo de verdad vive o muere. Después te da una forma repetible de armar una. Vas a aprender a entrar a la reunión sabiendo ya la única cosa que querés sacar de ahí y quién tiene que decir que sí para dártela. Vas a aprender a abrir con el problema y con lo que está en juego en vez de con la herramienta, así una persona que nunca vio tu sistema siente el dolor en el primer minuto y se engancha. Vas a aprender a guionar la única historia que cuenta la demo, el camino feliz que los lleva del antes al después, para que sea un relato que siguen y no un catálogo que aguantan. Vas a aprender a preparar una demo en vivo para que no te pueda humillar: qué dejar cargado, qué simular con honestidad, qué grabar de respaldo, para que la cosa que siempre se rompe no se rompa frente a la gente a la que más necesitabas impresionar. Vas a aprender a leer la sala mientras hablás y a sobrevivir la pregunta difícil, esa que antes te liquidaba, para que un escéptico en primera fila se vuelva la razón por la que la sala te cree. Y vas a aprender a plantar el antes y el después para que sientan el cambio en la panza, y después cerrar pidiendo en voz alta la cosa exacta que fuiste a buscar, porque una demo que no pide se lleva un aplauso y ninguna decisión. Cada paso es un movimiento en una secuencia, planteado para que sepas qué hacer, cómo se ve una sala que te está comprando y cómo se ve una sala que estás perdiendo, a tiempo para arreglarlo. Cierra con el ingeniero en el que te convertís cuando podés mostrar tu trabajo: ese que ponen frente al cliente, al directorio, a la plata, ese que se lleva el crédito y el ascenso porque la sala por fin vio lo que construiste. Para el ingeniero cansado de hacer el mejor trabajo y llevarse el menor crédito, porque el que sabe demostrarlo se lleva la sala.

CSS: Entendé CSS para interfaces de verdad: la cascada, el modelo de caja y el layout responsive con flexbox y grid

Este libro te entrena para ser el revisor de CSS vibe-codeado, no para memorizar propiedades. Arranca desde una premisa distinta a la de cualquier otro libro de CSS: el agente escribe los estilos, y tu palanca es entender qué hace ese CSS en realidad para poder revisarlo con el criterio que ningún linter tiene. Vas a aprender cómo la cascada decide qué regla gana y por qué las peleas de especificidad terminan en !important, qué cuenta el modelo de caja como ancho y por qué el padding te sorprende, cómo el flujo normal, flexbox y grid colocan cada uno una caja y dónde el agente elige el equivocado, qué le hacen el posicionamiento y los stacking contexts a un menú que desaparece detrás del header, por qué un píxel fijo se rompe en la próxima pantalla mientras las unidades relativas se doblan, cómo un layout que se ve bien en un viewport se desarma en otro, por qué una tipografía que todavía no cargó corre toda la página, y qué hace que un color sea legible y no apenas visible. Vas a aprender todo eso como lo necesita un revisor: leyendo hojas de estilo reales que el agente generaría para una sola interfaz que nos acompaña, un dashboard llamado Kanso, y decidiendo qué está bien, qué es plausible pero frágil y qué hay que devolver. La progresión va de juzgar una sola regla, a juzgar un componente como la card o la toolbar, a juzgar cómo se comporta todo un layout responsive con contenido largo, pantallas chicas y usuarios que no ven como vos. Acá casi no hay ejercicios de sintaxis y sí mucho sobre cómo se comporta CSS en realidad, dónde se rompe y las formas específicas en que el estilo de un agente sale mal. Para ingenieros que van a vibe-codear su CSS de todas formas y quieren ser los que cazan lo que se le escapó al modelo.

REACT: Volvete el que revisa el React que te escribe un agente de IA y caza lo que se le escapó antes de que llegue a producción, el criterio de senior que ninguna herramienta te da

Este libro te entrena para ser el revisor de React vibe-codeado, no para memorizar la API. Arranca desde una premisa distinta a la de cualquier otro libro de React: el agente escribe los componentes, y tu palanca es entender qué hace ese código en realidad para poder revisarlo con el criterio que el type checker no tiene. Vas a aprender qué es en realidad un render y cuándo React re-renderiza, cómo se guardan los hooks y por qué existen sus reglas, qué controla de verdad el array de dependencias de un effect, por qué el Context hace re-renderizar a los consumidores, qué tiene que ver la igualdad referencial con la performance, y qué te da en realidad el React concurrente, y vas a aprender todo eso como lo necesita un revisor: leyendo componentes reales que el agente generaría y decidiendo qué está bien, qué es plausible pero peligroso y qué hay que devolver. La progresión va de revisar una sola pieza de estado, a revisar un componente como la capa de datos o el formulario, a revisar cómo encaja toda la app y dónde se va a romper con datos y carga reales. Acá casi no hay ejercicios de sintaxis y sí mucho sobre flujo de datos, comportamiento de re-render, modos de falla y las formas específicas en que el React de un agente sale mal. Para ingenieros que van a vibe-codear en React de todas formas y quieren ser los que cazan lo que se le escapó al modelo.

COMUNICAR: El update que nadie te tiene que ir a pedir. Avisás que estás trabado antes de que cueste una semana, das una fecha que después sostenés, sacás la mala noticia mientras todavía es chica y contás tu trabajo para que lo vea la gente que decide los aumentos

Este libro trata sobre la habilidad que decide si tu buen trabajo se llega a ver alguna vez: contarle a la gente que te rodea en qué anda la cosa, seguido y con honestidad, antes de que te lo tengan que ir a pedir. Arranca desde una verdad incómoda. Dos ingenieros hacen un trabajo igual de bueno; al que lo comunica claro lo confían, lo ascienden y le pagan más, y al callado lo dejan pasar, y esto no es injusto: es una señal que el callado nunca mandó. De ahí en adelante despliega un pequeño sistema operativo de comunicación honesta que vas a poder correr el resto de tu carrera. Vas a aprender a armar el estado que nadie te tiene que perseguir, con un ritmo que hace que tu manager deje de preguntarse dónde estás. Vas a aprender a avisar que estás trabado en el momento en que te trabás, en vez de esconderlo hasta que es una crisis, y por qué el que pide ayuda temprano se ve más fuerte, no más débil. Vas a aprender a dar una fecha en la que de verdad creés y a corregirla en el instante en que se corre, así tu palabra sigue valiendo algo. Vas a aprender a sacar la mala noticia mientras todavía es chica, con la forma que hace que confíen más en vos por haberla dicho. Vas a aprender a escribir como lee un ejecutivo apurado, así lo único que importa entra en la primera línea y el pedido es imposible de pasar por alto. Y vas a aprender a hacer visible tu trabajo sin fanfarronear, contando la historia de qué cambió gracias a él, y a estar en desacuerdo de un modo que te hace respetar y quedar registrado en vez de resentido. Cada regla es un hábito, planteado para que sepas exactamente cómo se ve cuando lo estás haciendo bien. Cierra con el ingeniero en que te convertís cuando nada de esto te cuesta esfuerzo: ese al que la conducción le confía lo importante, porque siempre sabe en qué estado está. Para el ingeniero cansado de ver a peores comunicadores adelantarse, y listo para volverse ese que nadie tiene que perseguir.