<script data-pm-proxy="intercept"></script><?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[La Variable]]></title><description><![CDATA[Un newsletter semanal en español que filtra las novedades de IA más relevantes para Product Designers. Cada edición traduce herramientas, técnicas y tendencias en cosas concretas que podés probar en tu flujo de trabajo.]]></description><link>https://lavariable.substack.com</link><image><url>https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png</url><title>La Variable</title><link>https://lavariable.substack.com</link></image><generator>Substack</generator><lastBuildDate>Thu, 03 Sep 2026 08:33:26 GMT</lastBuildDate><atom:link href="/__u/lavariable.substack.com/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Franco Falaschi]]></copyright><language><![CDATA[es]]></language><webMaster><![CDATA[lavariable@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[lavariable@substack.com]]></itunes:email><itunes:name><![CDATA[Franco]]></itunes:name></itunes:owner><itunes:author><![CDATA[Franco]]></itunes:author><googleplay:owner><![CDATA[lavariable@substack.com]]></googleplay:owner><googleplay:email><![CDATA[lavariable@substack.com]]></googleplay:email><googleplay:author><![CDATA[Franco]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Lo que el agente no ve, no existe]]></title><description><![CDATA[Hola, Esta semana tres cosas distintas terminaron diciendo lo mismo: El agente trabaja con lo que puede ver, y casi nunca le mostramos la parte que importa.]]></description><link>https://lavariable.substack.com/p/lo-que-el-agente-no-ve-no-existe</link><guid isPermaLink="false">https://lavariable.substack.com/p/lo-que-el-agente-no-ve-no-existe</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sun, 30 Aug 2026 17:00:34 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Esta semana tres cosas distintas terminaron diciendo lo mismo: El agente trabaja con lo que puede ver, y casi nunca le mostramos la parte que importa.</p><p>Claude ya entra a sitios donde no hay conector. Tu design system le pasa la forma del componente y se guarda el comportamiento. Y el dashboard que nadie usa ya hab&#237;a fallado en la pregunta que lo origin&#243;.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p><strong>Claude in Chrome</strong>, ahora disponible en todos los planes pagos, con un navegador propio adentro de Cowork.</p><p><strong>Por qu&#233; importa:</strong> El 26 de agosto Anthropic pas&#243; Claude in Chrome de piloto a disponibilidad general, y ahora ejecuta acciones en el navegador sin pedirte permiso paso a paso, con un clasificador que revisa cada acci&#243;n contra lo que le pediste antes de dejarla correr. El mismo d&#237;a sum&#243; un navegador propio dentro de Cowork en la app de escritorio, separado del tuyo, que abre sitios, lee p&#225;ginas y completa formularios mientras vos segu&#237;s en otra cosa. Para un dise&#241;ador eso abre los sistemas que nunca tuvieron conector: portales de proveedores, dashboards internos, herramientas viejas de research donde hasta ahora copiabas y pegabas a mano.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Ya est&#225; disponible en todos los planes pagos y varios asistentes van hacia el mismo lugar, pero Anthropic aclara que las defensas contra prompt injection reducen el riesgo sin eliminarlo y recomienda empezar por sitios de confianza, as&#237; que da para un experimento personal esta semana antes de proponerlo al equipo.</p><p><strong>Fuente:</strong> <a href="https://claude.com/blog/claude-in-chrome-generally-available">Anthropic</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>El agente copia c&#243;mo se ve tu componente y se pierde c&#243;mo funciona.</p><p><strong>Por qu&#233; importa:</strong> John Rodrigues public&#243; el 25 de agosto la tercera parte de su serie sobre design systems listos para agentes, y el punto central es que un modelo genera a partir de lo que puede ver. El orden de foco, el comportamiento del teclado, las etiquetas de lector de pantalla y los estados que existen no est&#225;n en la imagen, as&#237; que el agente reproduce la apariencia y descarta lo que hac&#237;a funcionar al componente. Su lectura es que Code Connect resuelve la parte de identidad, mapear el componente de Figma al de c&#243;digo para que el agente deje de adivinar cu&#225;l est&#225; mirando, y que de veinte design systems relevantes estudiados este a&#241;o solo dos lo ten&#237;an implementado.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. El diagn&#243;stico de por qu&#233; el agente se desv&#237;a del sistema es s&#243;lido y aplicable hoy, pero el n&#250;mero de precisi&#243;n que reporta sale de su propia herramienta sin metodolog&#237;a publicada y el texto cierra invitando a su workshop, as&#237; que quedate con el marco y dej&#225; la m&#233;trica.</p><p><strong>Fuente:</strong> <a href="/__u/johnrodrigues.substack.com/p/design-systems-are-infrastructure">John Rodrigues (Human AI Studio)</a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>Tres preguntas antes de dibujar el primer gr&#225;fico.</p><p><strong>Por qu&#233; importa:</strong> Meriem Benhabiles public&#243; un m&#233;todo de tres preguntas para dise&#241;ar visualizaciones de datos, con la tesis de que cerca del 80% de lo que define si un dashboard funciona pasa antes de abrir la herramienta. Las preguntas son contexto (qu&#233; pregunta operativa concreta responde este dato), audiencia (cu&#225;nta densidad tolera quien lo lee, seg&#250;n su alfabetizaci&#243;n y su responsabilidad sobre el n&#250;mero) e insight (qu&#233; deber&#237;a cambiar cuando el dato aterriza). El ejemplo que usa es claro: &#8220;identific&#225; qu&#233; features sostienen la retenci&#243;n de los usuarios que se registraron en Q1&#8221; te da m&#233;trica, poblaci&#243;n y acci&#243;n impl&#237;cita, mientras que &#8220;mostrame c&#243;mo viene el producto&#8221; te deja abriendo la herramienta sin saber qu&#233; busc&#225;s.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Es un marco gratuito, estable y sin herramienta atada, de una publicaci&#243;n que tu equipo ya respeta, as&#237; que lo pod&#233;s usar en el pr&#243;ximo brief de dashboard sin pedirle permiso a nadie.</p><p><strong>Fuente:</strong> <a href="https://www.smashingmagazine.com/2026/08/rethinking-data-visualisation-ux-approach-dashboards/">Smashing Magazine (Meriem Benhabiles)</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Antes de darle una tarea nueva a un agente esta semana, partila en tres montones. En el primero van las tareas de regla fija que deleg&#225;s sin pensarlo, tipo revisi&#243;n de contraste, tokens que nunca se propagaron o im&#225;genes sin comprimir. En el segundo va el criterio visual que no deleg&#225;s a ning&#250;n precio. El tercero es la franja del medio, y ah&#237; la l&#237;nea la dibuj&#225;s vos seg&#250;n d&#243;nde est&#225; tu valor en el equipo. Escrib&#237; los tres montones en una nota corta y usala como referencia la pr&#243;xima vez que dudes si mandarle algo al agente o resolverlo a mano.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si un agente solo puede trabajar con lo que ve, &#191;cu&#225;nto de tu criterio de dise&#241;o vive hoy en un lugar donde alguien m&#225;s lo puede leer?</p><div><hr></div><p>Nos leemos la semana que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[Tu criterio ahora se escribe en un archivo]]></title><description><![CDATA[Hola, Esta semana estuvo bastante movida del lado de los documentos.]]></description><link>https://lavariable.substack.com/p/tu-criterio-ahora-se-escribe-en-un</link><guid isPermaLink="false">https://lavariable.substack.com/p/tu-criterio-ahora-se-escribe-en-un</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sun, 23 Aug 2026 16:01:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Esta semana estuvo bastante movida del lado de los documentos. Tres cosas distintas apuntaron a que conviene dejar por escrito lo que antes hac&#237;amos por intuici&#243;n. Escrito para que el agente lo siga, para que tu equipo lo comparta, y para que quien recibe tu entregable sepa c&#243;mo se hizo.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Skills en Figma, tus flujos repetibles convertidos en archivos que el agente sigue.</p><p><strong>Por qu&#233; importa:</strong> Un skill es un archivo markdown (.md) que empaqueta un flujo de trabajo en instrucciones estables. Pod&#233;s pedirle al agente que convierta una conversaci&#243;n o un frame en skill, subir un <span>`.md`</span> que ya tengas, o escribirla a mano, y despu&#233;s la invoc&#225;s con slash command (<span>`/design-crit`</span>, <span>`/follow-ds-guidelines`</span>). <br>Se combinan con conectores, as&#237; que un<code>sol</code> skill puede traer el sistema de dise&#241;o desde Notion, el PRD desde Drive y aplicar los dos a lo que est&#233;s armando. La Community abri&#243; una biblioteca p&#250;blica con m&#225;s de 50 skills de otros dise&#241;adores, y desde el 17 de agosto los admins de organizaci&#243;n pueden marcar cu&#225;les recomienda el equipo, con un tilde y un tooltip que aclara qui&#233;n las eligi&#243;.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Est&#225; en beta abierta y gratis durante la beta, funciona con Full seats en planes pagos, y como las skills siguen la especificaci&#243;n abierta de Agent Skills las pod&#233;s exportar a otros agentes. Todav&#237;a no hay convenci&#243;n sobre qu&#233; conviene empaquetar ni cu&#225;ntas recomendar antes de que la lista pierda sentido, as&#237; que la primera semana es de arrancar con dos o tres y ver c&#243;mo responde el equipo.</p><p><strong><span>Fuente: </span></strong><a href="https://help.figma.com/hc/en-us/articles/40283639496599-Custom-skills-for-the-Figma-agent-and-Figma-Make"><span>Figma</span></a><span> (Release notes)</span></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>La UE public&#243; los &#237;conos oficiales para etiquetar contenido generado con IA.</p><p><strong>Por qu&#233; importa:</strong> Desde el 2 de agosto, el Art&#237;culo 50 del AI Act obliga a etiquetar deepfakes, chatbots, texto generado por IA sin revisi&#243;n humana y herramientas de reconocimiento de emociones, para cualquier empresa del mundo cuyo output llegue a personas en la UE. La Comisi&#243;n public&#243; un set oficial con tres variantes (IA b&#225;sica, generado completamente por IA, modificado parcialmente) y aclar&#243; que poner el &#237;cono no alcanza: tiene que ser visible, acompa&#241;ado de texto plano, accesible para lectores de pantalla, y persistir cuando alguien descarga o recomparte el archivo. El &#10024; que casi todos usamos comunica &#8220;ac&#225; hay una funci&#243;n de IA&#8221; en lugar de &#8220;este contenido lo gener&#243; una IA&#8221;, que es lo que la norma pide declarar.</p><p><strong>Se&#241;al:</strong><span> </span>Las reglas ya est&#225;n vigentes, hay un patr&#243;n de producci&#243;n listo para copiar en el Carbon Design System, y China, California, Corea del Sur e India sacaron obligaciones parecidas en los &#250;ltimos doce meses, as&#237; que la direcci&#243;n est&#225; confirmada por varios reguladores a la vez.</p><p><strong><span>Fuente:</span></strong><span> </span><a href="https://www.smashingmagazine.com/2026/08/eu-guidelines-ai-labelling/"><span>Smashing Magazine</span></a><span> (Vitaly Friedman)</span></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>C&#243;mo entrena Anthropic a su propia gente para trabajar con IA.</p><p><strong>Por qu&#233; importa:</strong> Anthropic public&#243; el enfoque con el que forma a sus empleados desde el primer d&#237;a y lo dej&#243; disponible en Claude Academy, gratis y sin tarjeta. El eje no est&#225; puesto en el prompt sino en la decisi&#243;n anterior: qu&#233; tarea deleg&#225;s, cu&#225;l te guard&#225;s para no perder el oficio, y cu&#225;nto verific&#225;s seg&#250;n lo que est&#233; en juego. Tambi&#233;n pone por escrito algo que casi nadie documenta, que es c&#243;mo declar&#225;s el uso de IA a colegas y clientes antes de compartir un entregable.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Est&#225; disponible hoy y el material es s&#243;lido, aunque es contenido general sin pista espec&#237;fica para dise&#241;o de producto, as&#237; que por ahora sirve m&#225;s para ordenar tu criterio y el de tu equipo que como formaci&#243;n aplicada a tu flujo de trabajo.</p><p><strong><span>Fuente:</span></strong><span> </span><a href="https://claude.com/blog/anthropics-approach-to-teaching-and-learning-ai"><span>Anthropic</span></a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Agarr&#225; el flujo que repet&#237;s m&#225;s seguido esta semana, la revisi&#243;n de contraste, la expansi&#243;n de estados vac&#237;os, el pase de specs a desarrollo, y escribilo como skill en vez de volver a explicarlo en el chat. Alcanza con tres partes: cu&#225;ndo se usa, qu&#233; archivos o librer&#237;as tiene que mirar, y qu&#233; formato de salida esper&#225;s. Corr&#233; la skill dos veces sobre trabajo real y ajust&#225; las instrucciones donde el resultado se te fue de eje. Reci&#233;n ah&#237; compartila con el equipo.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si tuvieras que escribir tu criterio de dise&#241;o en una p&#225;gina para que otro lo siga sin vos, &#191;qu&#233; parte te costar&#237;a m&#225;s poner en palabras?</p><p></p><p>Nos leemos la semana que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[Generar salió barato, la evidencia no]]></title><description><![CDATA[Buenas!]]></description><link>https://lavariable.substack.com/p/generar-salio-barato-la-evidencia</link><guid isPermaLink="false">https://lavariable.substack.com/p/generar-salio-barato-la-evidencia</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sun, 16 Aug 2026 13:03:22 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Buenas!</p><p>La semana pasada se me pas&#243; publicar, estoy viajando de Italia a Suecia en el Bus y se me rompi&#243; la bomba de agua. entre una cosa y la otra me olvide de publicar. Pasas que cosan!.</p><p>En otras noticias, seguimos con la seguidilla de semanas tranquilas. Si me preguntan se vienen meses interesantes de hardware/software entre Septiembre y Noviembre, pero habr&#225; que esperar un mes para ver m&#225;s movimiento. </p><p>As&#237; que hoy te sugiero 3 art&#237;culos publicados por NN/Group para que sigas afilando el hacha.</p><div><hr></div><h3>PROVE, el m&#233;todo de cinco pasos para decidir si una herramienta de IA se queda en tu flujo.</h3><p>Caleb Sponheim public&#243; en NN/g un framework para evaluar una herramienta de IA contra una tarea concreta: Problem alignment (empez&#225;s por la tarea, no por la herramienta), Risk (cheque&#225;s si pod&#233;s meter esos datos ah&#237;), Output quality (compar&#225;s contra un trabajo real tuyo y no contra un demo), Velocity (med&#237;s el tiempo total, con edici&#243;n y handoffs adentro) y Experience (separ&#225;s la fricci&#243;n de setup de la que se repite cada vez). El art&#237;culo lo corre sobre un caso propio, armar un digest semanal con Gemini Notebooks, y termina en puntajes sobre una escala de 5 donde 3 significa &#8220;igual que mi proceso actual&#8221;: calidad 4, velocidad 4, experiencia 3, porque la herramienta suma dos handoffs por semana sin sacar ninguno. La l&#237;nea que m&#225;s me sirvi&#243; es que la presi&#243;n por adoptar no cuenta como evidencia.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. No hay nada que instalar ni contratar, corr&#233;s PROVE con una tarea que ya hac&#233;s todas las semanas, y la evaluaci&#243;n estructurada de herramientas de IA ya es pr&#225;ctica com&#250;n en equipos de producto.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/articles/prove-framework/">NN/Group</a></p><div><hr></div><h3>NN/g le pone nombre y causas al &#8220;teatro de UX&#8221;.</h3><p>Therese Fessenden define el teatro de UX como usar frameworks de UX de forma performativa sin lograr impacto, y lo desarma en cinco causas concretas: objetivos poco claros, m&#233;todos endebles, evidencia d&#233;bil, mala adopci&#243;n de los insights y saltearse el testing. Son cuatro minutos de video y cada causa funciona como punto de control sobre tu propio proceso. Sirve para auditar un proyecto tuyo, y tambi&#233;n para nombrar el problema en una discusi&#243;n de equipo sin se&#241;alar a nadie.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Son cinco preguntas que aplic&#225;s sobre un proyecto en curso esta misma semana, y el marco no depende de ninguna herramienta ni de que la industria converja en nada.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/videos/how-to-avoid-doing-ux-theatre/">NN/Group</a></p><div><hr></div><h3>Dogfooding, QA e investigaci&#243;n miden tres cosas distintas.</h3><p>Fessenden separa tres pr&#225;cticas que los equipos suelen mezclar cuando shippean productos de IA: QA mide si el producto funciona, la investigaci&#243;n mide si alguien que no conoce el sistema logra su objetivo, y el dogfooding te dice qu&#233; piensa tu equipo. El argumento central es la maldici&#243;n del conocimiento, una vez que sab&#233;s c&#243;mo funciona algo ya no pod&#233;s simular no saberlo. Con modelos no determin&#237;sticos el dogfooding s&#237; aporta algo propio: varias personas con contextos distintos interpretan la misma salida probabil&#237;stica y muestran d&#243;nde el sistema responde distinto a la misma pregunta.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. La distinci&#243;n est&#225; establecida desde hace d&#233;cadas y no depende de ninguna herramienta, as&#237; que la pod&#233;s llevar a tu pr&#243;xima discusi&#243;n de equipo con una sola pregunta: de qui&#233;n es la perspectiva que estamos juntando y es la que necesitamos.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/articles/dogfooding/">NN/Group</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Agarr&#225; la &#250;ltima herramienta de IA que sumaste a tu flujo y corr&#233; PROVE sobre ella con una tarea real de esta semana. El paso que m&#225;s cambia el resultado es Velocity: cronometr&#225; el tiempo total, desde que abr&#237;s la herramienta hasta que el output queda listo para usar, con la edici&#243;n y los handoffs adentro. Si ese n&#250;mero no baja contra tu proceso actual, ya ten&#233;s la respuesta.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si generar pantallas cuesta cada vez menos, &#191;qu&#233; evidencia vas a mostrar la pr&#243;xima vez que defiendas una decisi&#243;n de dise&#241;o?</p><div><hr></div><p>Nos leemos la semana que viene.</p><p>Franco.</p>]]></content:encoded></item><item><title><![CDATA[Las herramientas quietas, la base en movimiento]]></title><description><![CDATA[Hola, Julio cerr&#243; super tranqui.]]></description><link>https://lavariable.substack.com/p/las-herramientas-quietas-la-base</link><guid isPermaLink="false">https://lavariable.substack.com/p/las-herramientas-quietas-la-base</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sun, 02 Aug 2026 16:02:31 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Julio cerr&#243; super tranqui. Ninguna feature nueva que te haga replantear el flujo del lunes, y te lo cuento as&#237; porque prefiero una semana honesta antes que inflar tres novedades flojas.</p><p>Lo interesante es lo que pas&#243; &#8220;bajo el cap&#243;&#8221; (under the hood) con algunas herramientas. El canvas se acerc&#243; al c&#243;digo, apareci&#243; una forma nueva de pensar qu&#233; entreg&#225;s, y alguien se tom&#243; el trabajo de definir en serio qu&#233; es tener criterio de producto. Va eso.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>El auto layout de Figma ahora se comporta como el CSS.</p><p><strong>Por qu&#233; importa:</strong> Figma actualiz&#243; el auto layout para que maneje el layout igual que lo hace el CSS, y as&#237; cerr&#243; las diferencias que obligaban a desarrollo a meter parches para que lo construido coincidiera con el canvas. Los frames nuevos usan la versi&#243;n actualizada de forma autom&#225;tica, los existentes quedan en la versi&#243;n legacy hasta que elijas migrarlos, y pod&#233;s volver atr&#225;s hasta enero de 2027. Lo que dise&#241;&#225;s se parece m&#225;s a lo que se termina construyendo, con menos ida y vuelta.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Es una actualizaci&#243;n estable que se aplica sola a los frames nuevos, con bajo riesgo y con la red de volver a la versi&#243;n anterior hasta enero de 2027.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/release-notes/">Figma Release Notes</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>NN/g propone que tu entregable pase a ser el contexto que gu&#237;a a la IA.</p><p><strong>Por qu&#233; importa:</strong> Tony Alicea public&#243; un marco al que llama UX-context design: si la IA genera cada vez m&#225;s interfaces, el research y el dise&#241;o se entregan como contexto curado que orienta a los modelos, y ese contexto pasa a ser el producto de tu trabajo. Toma DESIGN.md como ejemplo y lo estira a un UX.md que re&#250;na s&#237;ntesis de research, est&#225;ndares de interacci&#243;n, glosario y modelos de usuario en un archivo que tus herramientas leen cada vez que generan algo. Pod&#233;s arrancar el tuyo esta semana con texto plano y lo que tu research ya sabe.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. La idea de fondo es s&#243;lida y ya pod&#233;s experimentar con un archivo propio, pero UX.md es expl&#237;citamente una hip&#243;tesis y las convenciones alrededor todav&#237;a se est&#225;n formando, as&#237; que conviene probarlo solo antes de montar un flujo de equipo.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/articles/ux-context-design/">NN/g</a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>Una definici&#243;n concreta de criterio de producto, y c&#243;mo se entrena.</p><p><strong>Por qu&#233; importa:</strong> Tanner Kohler define el criterio de producto de una forma que se puede medir: reconocer cu&#225;ndo un problema actual se parece a &#233;xitos o fracasos pasados, y estimar de forma confiable c&#243;mo va a impactar una soluci&#243;n parecida. El punto pr&#225;ctico es que esa intuici&#243;n solo se construye cerrando el loop, o sea qued&#225;ndote hasta ver el resultado de lo que dise&#241;aste. Kohler avisa que la IA acelera el patr&#243;n contrario, dise&#241;ar r&#225;pido y saltar a lo siguiente.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Es un marco estable, apoyado en d&#233;cadas de investigaci&#243;n sobre decisi&#243;n experta, y las pr&#225;cticas que propone las sum&#225;s al flujo del equipo esta semana sin riesgo.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/articles/product-sense-definition/">NN/g</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Antes de mandar tu pr&#243;xima entrega, escrib&#237; tres l&#237;neas en alg&#250;n lado que vayas a volver a mirar: qu&#233; esper&#225;s que pase, con qu&#233; n&#250;mero lo vas a saber, y en cu&#225;nto tiempo. Ponete un recordatorio para esa fecha. La mayor&#237;a de las decisiones de dise&#241;o se eval&#250;an de memoria y con sesgo, y esas tres l&#237;neas escritas antes son la &#250;nica forma de saber si tu intuici&#243;n estaba bien calibrada.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>De todas las decisiones de dise&#241;o que tomaste este a&#241;o, &#191;cu&#225;ntas llegaste a ver funcionando en manos de la gente?</p><div><hr></div><p>Nos leemos la semana que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[La producción se automatiza, la decisión queda tuya]]></title><description><![CDATA[Hola, Seguimos con semanas tranquilas, y a medida que pasa el tiempo vemos esos destellos de que va madurando la cosa.]]></description><link>https://lavariable.substack.com/p/la-produccion-se-automatiza-la-decision</link><guid isPermaLink="false">https://lavariable.substack.com/p/la-produccion-se-automatiza-la-decision</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sun, 26 Jul 2026 12:02:02 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Seguimos con semanas tranquilas, y a medida que pasa el tiempo vemos esos destellos de que va madurando la cosa. Lo que yo veo cada vez m&#225;s n&#237;tido es que la parte mec&#225;nica del trabajo se va a la IA, y lo que queda de tu lado es <em>decidir</em>.</p><p>Tres se&#241;ales bastante distintas la cuentan desde &#225;ngulos separados. Una herramienta que ya pod&#233;s usar, una ronda que marca hacia d&#243;nde va la plata, y un art&#237;culo que separa lo que conviene delegar de lo que no.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Figma engancha las pantallas hechas en c&#243;digo a las variables que ya ten&#233;s.</p><p><strong>Por qu&#233; importa:</strong> Cuando tra&#233;s una pantalla hecha en c&#243;digo al canvas, los colores, la tipograf&#237;a y el espaciado ahora se linkean a las variables que ya viven en tu archivo en lugar de entrar hardcodeados. Funciona en los tres caminos de entrada: copiar una preview de Figma Make como capas, generar dise&#241;o desde c&#243;digo con el MCP, y capturar una web en vivo con la extensi&#243;n de Chrome.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Sali&#243; como release general el 16 de julio, mejora un flujo que ya ven&#237;as usando y no te pide cambiar nada en tu forma de trabajar.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/release-notes/">Figma Release Notes</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>Paper levanta 34 millones para dise&#241;ar con agentes de c&#243;digo.</p><p><strong>Por qu&#233; importa:</strong> Paper cerr&#243; una Serie A de 34 millones de d&#243;lares para construir una plataforma de dise&#241;o pensada para equipos que shippean con agentes. Es un canvas parecido a Figma donde cada elemento se renderiza como HTML y CSS, as&#237; que el dise&#241;o sale como c&#243;digo sin paso de conversi&#243;n, exporta a Tailwind y se conecta por MCP con tu repo. </p><p><strong>Se&#241;al:</strong> Vale probarlo. Paper Desktop ya est&#225; en Mac y web y pod&#233;s testearlo de forma individual esta semana, aunque es una herramienta joven y las convenciones de equipo todav&#237;a se est&#225;n armando.</p><p><strong>Fuente:</strong> <a href="https://www.businesswire.com/news/home/20260723608438/en/Paper-Raises-%2434-Million-Series-A-with-Accel-and-ICONIQ-to-Build-the-Design-Platform-for-the-Agentic-Era">Paper</a> (v&#237;a Business Wire)</p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>Lo que se pierde cuando la IA hace la investigaci&#243;n por vos, seg&#250;n NN/g.</p><p><strong>Por qu&#233; importa:</strong> Maria Rosala separa lo que produce una investigaci&#243;n en dos cosas: los outputs (temas, recomendaciones, informe) y el aprendizaje que ocurre en el equipo que observa, se pregunta e interpreta. La IA produce lo primero cada vez mejor y no puede producir lo segundo, porque el aprendizaje es una experiencia y no un entregable. El test que propone es usable ya: si una tarea no le ense&#241;a nada al equipo, delegala, y proteg&#233; moderar, observar en vivo y debriefear juntos.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Es un criterio de decisi&#243;n que aplic&#225;s en la pr&#243;xima planificaci&#243;n de research, sin herramienta, sin instalaci&#243;n y sin costo.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/articles/human-led-research-still-matters/">NN/g</a>.</p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Antes de traer una pantalla de c&#243;digo al canvas, cheque&#225; que tu archivo tenga las variables bien armadas: color, tipograf&#237;a y espaciado como tokens, no como valores sueltos. Cuando entra el c&#243;digo, se engancha a lo que encuentra, as&#237; que si tus variables est&#225;n completas la pantalla aterriza conectada y editable, y si no, cae hardcodeada y te toca limpiar a mano. Diez minutos de ordenar variables te ahorran la reconstrucci&#243;n entera.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Cuando la producci&#243;n sea toda autom&#225;tica, &#191;en qu&#233; decisi&#243;n vas a querer poner el tiempo que la IA te devuelve?</p><div><hr></div><p>Nos leemos la semana que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[Tu toolstack se duplicó, tu criterio no]]></title><description><![CDATA[Hola, Esta semana salieron los n&#250;meros del AI in Design Report 2026 y hay uno que me qued&#243; dando vueltas: el toolstack promedio de un dise&#241;ador pas&#243; de 3 a 7 herramientas en un a&#241;o.]]></description><link>https://lavariable.substack.com/p/tu-toolstack-se-duplico-tu-criterio</link><guid isPermaLink="false">https://lavariable.substack.com/p/tu-toolstack-se-duplico-tu-criterio</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 11 Jul 2026 13:02:10 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Esta semana salieron los n&#250;meros del AI in Design Report 2026 y hay uno que me qued&#243; dando vueltas: el toolstack promedio de un dise&#241;ador pas&#243; de 3 a 7 herramientas en un a&#241;o. Siete. Y la mitad de los encuestados ya subi&#243; c&#243;digo generado por IA a producci&#243;n.</p><p>La cifra importa por lo que implica: con siete herramientas en la mesa, el trabajo pasa a ser elegir bien cu&#225;l us&#225;s en cada momento. Las otras dos se&#241;ales de la semana van justo ah&#237;: una te da un modelo m&#225;s capaz para probar, la otra te da un mapa para entender qu&#233; pasa realmente debajo de las demos.</p><p>Por ultimo y antes de pasar a las noticias, junto a <a href="https://www.instagram.com/nathaliehowellcr/">Nathalie Howell</a> de <a href="https://www.uxtowin.com/">UXToWin</a> estamos explorando hacer un <strong>curso de Liderazgo para Dise&#241;adores</strong>; si te interesa saber m&#225;s de la propuesta pode acceder desde <a href="https://www.uxtowin.com/curso-liderazgo">este link</a>.</p><p>Ahora si, las noticias!</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>GPT-5.6 ya est&#225; disponible en Figma Make, el modo de Figma que convierte un prompt o un dise&#241;o en un prototipo funcional.</p><p><strong>Por qu&#233; importa:</strong> GPT-5.6, el modelo m&#225;s nuevo de OpenAI, est&#225; disponible en Figma Make para todos los planes desde esta semana. En los tests internos de Figma produce prototipos m&#225;s fieles al dise&#241;o original desde el primer intento y se autocorrige cuando encuentra un error, sin que tengas que intervenir. Para probarlo, abr&#237;s Make y lo eleg&#237;s en el picker de modelos.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Es el modelo m&#225;s capaz disponible en Make hoy, pero Make sigue siendo un producto en maduraci&#243;n y los flujos de trabajo con IA todav&#237;a se est&#225;n definiendo. Probalo esta semana en algo tuyo antes de llevarlo al trabajo del equipo.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/blog/gpt-5-6-is-now-available-in-figma-make/">Figma Blog</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>El toolstack del dise&#241;ador se duplic&#243; en un a&#241;o y Claude desplaz&#243; a ChatGPT como la herramienta m&#225;s usada.</p><p><strong>Por qu&#233; importa:</strong> El AI in Design Report 2026, de Designer Fund y Foundation Capital, encuest&#243; a m&#225;s de 900 dise&#241;adores en 60 pa&#237;ses. El toolstack promedio pas&#243; de 3 a 7 herramientas en un a&#241;o, la adopci&#243;n de Claude entre dise&#241;adores subi&#243; del 52% al 78%, y la mitad de los encuestados ya subi&#243; a producci&#243;n c&#243;digo generado por IA. Ese &#250;ltimo dato es el que m&#225;s pesa: el l&#237;mite entre dise&#241;o y desarrollo se est&#225; redibujando desde adentro del oficio, no desde afuera.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. Es el retrato anual m&#225;s completo del estado de la profesi&#243;n, y los datos muestran una aceleraci&#243;n que todav&#237;a no encontr&#243; sus convenciones. Sirve para ubicarte, no para cambiar tu flujo ma&#241;ana.</p><p><strong>Fuente:</strong> <a href="https://stateofaidesign.com/">AI in Design Report 2026, Designer Fund + Foundation Capital</a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>Un mapa claro de las tres capas que separan tu dise&#241;o del c&#243;digo final.</p><p><strong>Por qu&#233; importa:</strong> UX Collective public&#243; un art&#237;culo que desarma el pipeline de dise&#241;o a c&#243;digo en tres capas independientes: conectividad (c&#243;mo una herramienta como Claude accede a tu archivo de Figma), ensamblado de contexto (qu&#233; tokens, componentes y datos de layout entran en el prompt) y traducci&#243;n (convertir todo eso en c&#243;digo de producci&#243;n). La mayor&#237;a de las demos te muestran solo la capa m&#225;s limpia. Con este mapa pod&#233;s evaluar cualquier herramienta de dise&#241;o a c&#243;digo preguntando qu&#233; tan confiable es cada capa por separado, en vez de guiarte por lo bien que se ve el video.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. El framework es &#250;til hoy para entender el espacio y hacer mejores preguntas, aunque el pipeline completo todav&#237;a no tiene implementaciones estables para un equipo de dise&#241;o promedio.</p><p><strong>Fuente:</strong> <a href="https://uxdesign.cc/you-design-it-then-what-a-clear-map-of-the-figma-to-code-ai-mess-954a4084175f">UX Collective</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Figma habilit&#243; las ediciones de imagen con IA en paralelo, y cambia m&#225;s de lo que parece. Ahora pod&#233;s lanzar varias generaciones a la vez desde la barra de herramientas y seguir trabajando en otra parte del archivo mientras corren en segundo plano. Aprovechalo as&#237;: en vez de pedir una variante, evaluarla y pedir la siguiente, larg&#225; tres o cuatro direcciones distintas de una y compar&#225; los resultados juntos. El tiempo de espera se convierte en tiempo de dise&#241;o, y compar&#225;s en paralelo en lugar de en secuencia. Est&#225; disponible en Design, FigJam, Sites, Buzz, Slides y Weave.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si tu toolstack se duplic&#243; en un a&#241;o, &#191;qu&#233; herramienta us&#225;s por costumbre y ya no por criterio?</p><div><hr></div><p>Nos leemos la semana que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[ La ventaja está en cómo usás la IA]]></title><description><![CDATA[Hola, Esta semana no hubo un lanzamiento que se lleve toda la atenci&#243;n, pero s&#237; tres se&#241;ales que apuntan a que el criterio con el que us&#225;s la IA empieza a pesar m&#225;s que las funciones que ten&#233;s disponibles.]]></description><link>https://lavariable.substack.com/p/la-ventaja-esta-en-como-usas-la-ia</link><guid isPermaLink="false">https://lavariable.substack.com/p/la-ventaja-esta-en-como-usas-la-ia</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sun, 05 Jul 2026 12:03:55 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p></p><p><span>Hola,</span></p><p><span>Esta semana no hubo un lanzamiento que se lleve toda la atenci&#243;n, pero s&#237; tres se&#241;ales que apuntan a que el criterio con el que us&#225;s la IA empieza a pesar m&#225;s que las funciones que ten&#233;s disponibles. Claude Sonnet 5 lleg&#243; como default silencioso, </span><strong><span>Anthropic public&#243; que colaborar con la IA rinde m&#225;s que delegar tareas completas</span></strong><span>, y Smashing Magazine document&#243; por qu&#233; convertir en chat cualquier funci&#243;n de IA es un error de dise&#241;o.</span></p><h3><strong><span>La herramienta de la semana</span></strong></h3><p><span>Claude Sonnet 5 es el nuevo modelo por defecto para todos los planes, con capacidad cercana a Opus.</span></p><p><strong><span>Por qu&#233; importa:</span></strong><span> Desde el 30 de junio, Sonnet 5 reemplaza a Sonnet 4.6 como modelo por defecto en todos los planes de Claude, incluyendo Free y Pro. El razonamiento mejor&#243;, el tool use es m&#225;s confiable y las capacidades agenticas se acercan a los modelos Opus. El upgrade es autom&#225;tico y transparente: Claude Design, Claude Code y cualquier herramienta que corra sobre Claude ya opera sobre un modelo m&#225;s capaz sin que tengas que cambiar nada en tu flujo.</span></p><p><strong><span>Se&#241;al:</span></strong><span> Adoptalo hoy. Ya est&#225; activado en todos los planes sin costo adicional. Si us&#225;s Claude como parte de tu flujo de dise&#241;o o de handoff, est&#225;s obteniendo m&#225;s capacidad desde esta semana sin hacer nada.</span></p><p><strong><span>Fuente:</span></strong><span> </span><a href="https://www.anthropic.com/news/claude-sonnet-5"><span>Anthropic</span></a></p><div><hr></div><h3><strong><span>La noticia que importa</span></strong></h3><p><span>Colaborar con la IA ya rinde m&#225;s que delegarle la tarea completa, y hay datos que lo confirman.</span></p><p><strong><span>Por qu&#233; importa:</span></strong><span> El Economic Index de junio de Anthropic muestra que la &#8220;augmentaci&#243;n&#8221; (usar la IA para iterar y mejorar tu trabajo) representa el 52% de las conversaciones en Claude.ai y supera a la automatizaci&#243;n (delegar la tarea completa), que qued&#243; en el 45%. </span></p><p><span>El informe agrega un patr&#243;n concreto: los usuarios con m&#225;s experiencia obtienen mejores resultados porque tratan a la IA como un colaborador al que le dan contexto y le revisan la salida. La habilidad que m&#225;s rinde no es el prompt m&#225;s largo, sino el </span><strong><span>criterio</span></strong><span> para decidir qu&#233; ped&#237;s, qu&#233; correg&#237;s y qu&#233; resolv&#233;s a mano.</span></p><p><strong><span>Se&#241;al:</span></strong><span> A seguir de cerca. Es un hallazgo de investigaci&#243;n que confirma una direcci&#243;n m&#225;s que abrir una acci&#243;n concreta para hoy. Pero marca d&#243;nde conviene poner la pr&#225;ctica esta semana: menos delegaci&#243;n completa, m&#225;s iteraci&#243;n con criterio propio.</span></p><p><strong><span>Fuente:</span></strong><span> </span><a href="https://www.anthropic.com/research/economic-index-june-2026-report"><span>Anthropic Research</span></a></p><div><hr></div><h3><strong><span>El recurso de la semana</span></strong></h3><p><span>Un framework concreto para elegir la interfaz de IA correcta para cada tarea en lugar de asumir que siempre es un chat.</span></p><p><strong><span>Por qu&#233; importa:</span></strong><span> Victor Yocco ( </span>http://www.victoryocco.com <span>) document&#243; en Smashing Magazine lo que llama &#8220;tunnel vision conversacional&#8221;: los modelos de lenguaje se entrenan en di&#225;logos, y eso lleva a dise&#241;adores a convertir en chat cualquier funci&#243;n de IA que integran al producto sin preguntarse si es la interfaz correcta. </span></p><p><span>El art&#237;culo propone dos herramientas pr&#225;cticas: un Task Audit para mapear el contexto f&#237;sico, social y cognitivo del usuario en el momento de la tarea, y una Matriz de Alineaci&#243;n que cruza modalidades de entrada (voz, bot&#243;n, chat, formulario, gesto) con tipos de salida (notificaci&#243;n, audio, dashboard visual, canvas interactivo). Una empresa de servicios p&#250;blicos us&#243; el framework y redujo el tiempo de diagn&#243;stico un 20% al darle voz m&#225;s dashboard visual a t&#233;cnicos de campo en vez de chat.</span></p><p><strong><span>Se&#241;al:</span></strong><span> Vale probarlo. El art&#237;culo incluye una plantilla de Task Audit descargable y la Matriz de Alineaci&#243;n es aplicable directamente en el pr&#243;ximo sprint, aunque el framework todav&#237;a no tiene adopci&#243;n generalizada en la industria.</span></p><p><strong><span>Fuente:</span></strong><span> </span><a href="https://www.smashingmagazine.com/2026/07/matching-ai-modality-user-intent-designing-right-interface/"><span>Smashing Magazine</span></a></p><div><hr></div><h3><strong><span>El tip de la semana</span></strong></h3><p><span>Antes de integrar IA en una funci&#243;n de tu producto, anot&#225; tres cosas sobre el usuario en ese momento: su contexto f&#237;sico (&#191;est&#225; de pie, con las manos ocupadas?), su estado cognitivo (&#191;est&#225; explorando o ejecutando una tarea conocida?), y el tipo de output que realmente necesita (confirmaci&#243;n visual, dato procesado, alerta sonora). Si la respuesta no es &#8220;est&#225; sentado frente a una pantalla esperando texto&#8221;, hay una modalidad mejor que el chat. El Task Audit del art&#237;culo de Yocco te da una plantilla para hacer ese ejercicio con el equipo en media hora.</span></p><div><hr></div><h3><strong><span>La pregunta de la semana</span></strong></h3><p><span>Si el criterio para trabajar bien con la IA ya es una habilidad profesional, &#191;c&#243;mo la ense&#241;amos en los equipos?</span></p><div><hr></div><p><span>Nos leemos la semana que viene!e</span></p><p><span>Franco</span></p>]]></content:encoded></item><item><title><![CDATA[El canvas junta motion, código y tus herramientas en un solo lugar]]></title><description><![CDATA[Hola, Esta semana fue Config, y por una vez la previa estuvo a la altura.]]></description><link>https://lavariable.substack.com/p/el-canvas-junta-motion-codigo-y-tus</link><guid isPermaLink="false">https://lavariable.substack.com/p/el-canvas-junta-motion-codigo-y-tus</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 27 Jun 2026 13:00:43 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Esta semana fue Config, y por una vez la previa estuvo a la altura. Me sent&#233; a mirar la keynote y me qued&#233; con una idea dando vueltas: el canvas dej&#243; de ser solo el lugar donde dise&#241;as y pas&#243; a ser donde se junta todo lo que antes viv&#237;a en herramientas separadas. Se siente como el Dise&#241;o se expandi&#243; estos &#250;ltimos a&#241;os y Figma busca un monopolio del espacio. Te cuento las tres piezas de Config que m&#225;s me movieron el piso.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Figma Motion suma una l&#237;nea de tiempo de animaci&#243;n adentro del archivo.</p><p><strong>Por qu&#233; importa:</strong> Figma meti&#243; una l&#237;nea de tiempo con keyframes dentro del archivo de dise&#241;o, as&#237; anim&#225;s un componente en el mismo lugar donde ya dise&#241;abas. La animaci&#243;n viaja con el componente, y en Dev Mode el equipo se lleva el c&#243;digo en CSS, JSON o React. El motion deja de ser un paso aparte y entra a tu sistema desde el primer frame.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Est&#225; en beta abierta y la anim&#225;s hoy en cualquier plan, con la exportaci&#243;n completa en los seats pagos, as&#237; que conviene probarla de forma individual antes de apoyar el flujo del equipo en ella. A charlar en un a&#241;o si hacer Motion pasa a ser un requisito del rol.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/blog/introducing-figma-motion/">Figma</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>El c&#243;digo entra al canvas como una capa m&#225;s.</p><p><strong>Por qu&#233; importa:</strong> Figma ahora deja convertir cualquier capa de dise&#241;o en una capa de c&#243;digo interactiva con un clic o un prompt, y duplicarla para explorar variantes en paralelo como har&#237;as con un frame. Cuando quer&#233;s volver al dise&#241;o, extra&#233;s frames editables y un clic actualiza el c&#243;digo con lo que cambiaste. Esto acerca el prototipo al producto real y recorta el ida y vuelta entre dise&#241;o y desarrollo que arrastramos hace una d&#233;cada.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. Entra por lista de espera y empieza a salir en julio, as&#237; que hoy la acci&#243;n concreta es anotarte, pero juntar dise&#241;o y c&#243;digo en un mismo lugar ya lo empujan varios jugadores y la direcci&#243;n qued&#243; firme.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/blog/code-on-the-figma-canvas/">Figma</a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>El agente de Figma ahora arma tus propias herramientas.</p><p><strong>Por qu&#233; importa:</strong> El agente de dise&#241;o de Figma pas&#243; a beta abierta para todos y ahora construye shaders y plugins a partir de un prompt, sin entorno de desarrollo ni saber la API, y los deja nativos en el canvas. Sum&#225;s skills, que convierten los prompts que repet&#237;s en comandos reutilizables, y conectores que traen contexto de Notion, GitHub, Slack o Atlassian y escriben de vuelta. Arm&#225;s las herramientas que tu flujo necesita en lugar de esperar lo que venga nativo.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Est&#225; en beta abierta y gratis para seats Full en planes pagos, as&#237; que lo prob&#225;s hoy, aunque las convenciones de skills y plugins propios reci&#233;n se est&#225;n formando.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/blog/agent-custom-tools-context-skills/">Figma</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Antes de pedirle a una IA que genere una pantalla, dale primero tu design system y no una hoja en blanco. Import&#225; tus componentes o conect&#225; el repo, y dej&#225; que construya con tus tokens en lugar de inventar unos nuevos. Vas a pasar menos tiempo corrigiendo espaciados y colores, y m&#225;s mirando si la soluci&#243;n resuelve el problema. El borrador llega m&#225;s cerca de tu marca desde el primer intento.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si motion, c&#243;digo y generaci&#243;n ya viven en el mismo canvas, &#191;qu&#233; parte de tu trabajo quer&#233;s que siga pasando fuera de &#233;l?</p><div><hr></div><p>Nos leemos la semana que viene!</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[Tu criterio es lo que el agente no tiene]]></title><description><![CDATA[Hola, Otra semana tranquila, de esas en las que conviene mirar el fondo m&#225;s que los titulares.]]></description><link>https://lavariable.substack.com/p/tu-criterio-es-lo-que-el-agente-no</link><guid isPermaLink="false">https://lavariable.substack.com/p/tu-criterio-es-lo-que-el-agente-no</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 20 Jun 2026 13:00:26 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!sfd8!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Otra semana tranquila, de esas en las que conviene mirar el fondo m&#225;s que los titulares. Las herramientas est&#225;n asentando lo que largaron en mayo y todos esperan Config, que arranca el lunes. En esa calma qued&#243; clara una misma idea desde tres lugares distintos: el agente ya trabaja adentro de tus archivos, y lo que te toca cada vez m&#225;s es dirigir y juzgar lo que produce.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Figma captura cualquier web y la trae al canvas como capas editables.</p><p><strong>Por qu&#233; importa:</strong> La <a href="https://chromewebstore.google.com/detail/fkmaohpngenfoccdgceedjkfhkdcohmg?utm_source=item-share-cb">extensi&#243;n de Chrome</a> de Figma ahora agarra una p&#225;gina entera o elementos sueltos y los pega en el canvas como capas de verdad: frames, texto, im&#225;genes, shapes, todo editable. Pod&#233;s traer una web de producci&#243;n para estudiarla, sumar referencias reales a un FigJam, o arrancar un prototipo en Make desde algo que ya existe en vez de una hoja en blanco. Figma adelant&#243; que el pr&#243;ximo paso es generar dise&#241;os con tu propio design system a partir de esa captura, que es donde se cruza con sus flujos de IA.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Est&#225; en beta y solo en planes pagos, as&#237; que hoy sirve para una prueba personal, pero la pata m&#225;s interesante, generar con tu design system, todav&#237;a no lleg&#243; y conviene esperarla antes de armar un flujo de equipo.</p><p><strong>Fuente:</strong> <a href="https://help.figma.com/hc/en-us/articles/40826832449303-Capture-web-pages-to-layers-with-the-Figma-Chrome-extension">Figma</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>Framer 3.0 mete agentes adentro de los proyectos.</p><p><strong>Por qu&#233; importa:</strong> Framer lanz&#243; la versi&#243;n 3.0 con Agents, agentes que trabajan dentro de un proyecto y editan p&#225;ginas, componentes, estilos, contenido del CMS y ajustes de SEO antes de publicar. Cada cambio queda como trabajo nativo de Framer que pod&#233;s inspeccionar, ajustar y mandar a producci&#243;n, en lugar de un mockup suelto o c&#243;digo desconectado. Sumaron Branching para que el equipo le pida cambios al agente en una rama aparte, compare versiones y publique reci&#233;n cuando est&#225; listo.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Sali&#243; hace unos d&#237;as y se puede probar hoy de forma individual, pero los agentes que editan un sitio de producci&#243;n reci&#233;n arrancan y conviene experimentar antes de moverlo a todo el equipo.</p><p><strong>Fuente:</strong> <a href="https://www.framer.com/blog/framer-3/">Framer</a></p><div><hr></div><h3>&#191;Est&#225;s construyendo algo?</h3><p>Record&#180;&#229; que si estas construyendo algo y estas en b&#250;squeda de Feedback o exponerlo frente a un grupo de personas, podes mandarme un mensaje cont&#225;ndome acerca del proyecto para que lo comparta la pr&#243;xima semana.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link." data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="/__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_424, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 424w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_848, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 848w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1272, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1272w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1456, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1456w" sizes="100vw"><img src="/__u/substackcdn.com/image/fetch/$s_!sfd8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic" width="1456" height="508" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:508,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:41032,&quot;alt&quot;:&quot;&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/heic&quot;,&quot;href&quot;:&quot;mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link.&quot;,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://lavariable.substack.com/i/201865496?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" title="" srcset="/__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_424, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 424w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_848, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 848w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1272, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1272w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1456, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link.&quot;,&quot;text&quot;:&quot;Mandar mi proyecto&quot;,&quot;action&quot;:null,&quot;class&quot;:&quot;button-wrapper&quot;}" data-component-name="ButtonCreateButton"><a class="button primary button-wrapper" href="mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link."><span>Mandar mi proyecto</span></a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>NN/G: la cr&#237;tica es la habilidad central del dise&#241;o con IA.</p><p><strong>Por qu&#233; importa:</strong> Con sistemas de IA que toman decisiones de dise&#241;o solos, qu&#233; incluir en una respuesta o c&#243;mo redactarla, el trabajo se corre de especificar comportamientos exactos a definir qu&#233; cuenta como &#8220;bueno&#8221;. El art&#237;culo propone un loop concreto, Judge-Evaluate-Iterate: arm&#225;s criterios de evaluaci&#243;n objetivos, med&#237;s las salidas del modelo contra esos criterios, e iter&#225;s sobre la implementaci&#243;n. Leerlo te da un m&#233;todo para descomponer &#8220;buen resultado&#8221; en reglas chequeables como tono, longitud o contraste, y aplicarlo sobre cualquier feature de IA que tengas entre manos.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. El m&#233;todo viene de quienes dise&#241;an experiencias conversacionales y todav&#237;a cuesta llevarlo a lo visual, pero la direcci&#243;n de fondo, el dise&#241;ador como &#225;rbitro de qu&#233; est&#225; bien, va a alcanzar a todo el flujo de producto.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/articles/ai-era-critique/">NN/G</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Antes de generar la pr&#243;xima pantalla con IA, escrib&#237; primero c&#243;mo vas a saber si sali&#243; bien. Anot&#225; tres o cuatro reglas concretas que tenga que cumplir: el tono del copy, la longitud de los textos, el contraste, la jerarqu&#237;a. Reci&#233;n ah&#237; gener&#225;s, y compar&#225;s el resultado contra tu lista en vez de contra tu impresi&#243;n del momento. Definir el criterio antes te ahorra tres rondas de &#8220;no s&#233;, algo le falta&#8221;.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si el agente puede ejecutar todo el canvas, &#191;qu&#233; parte del dise&#241;o quer&#233;s seguir decidiendo vos?</p><div><hr></div><p>Nos leemos la semana que viene, ya con Config en marcha.</p><p>Franco</p><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://lavariable.substack.com/p/tu-criterio-es-lo-que-el-agente-no?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Compartir&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">Compar&#237; este post con tu equipo!</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://lavariable.substack.com/p/tu-criterio-es-lo-que-el-agente-no?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Compartir&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="/__u/lavariable.substack.com/p/tu-criterio-es-lo-que-el-agente-no?utm_source=substack&amp;utm_medium=email&amp;utm_content=share&amp;action=share"><span>Compartir</span></a></p></div><p></p>]]></content:encoded></item><item><title><![CDATA[Diseñar ahora es dirigir]]></title><description><![CDATA[Hola, Fue una semana de pocas novedades y mucha reflexi&#243;n.]]></description><link>https://lavariable.substack.com/p/disenar-ahora-es-dirigir</link><guid isPermaLink="false">https://lavariable.substack.com/p/disenar-ahora-es-dirigir</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 13 Jun 2026 13:31:16 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!sfd8!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Fue una semana de pocas novedades y mucha reflexi&#243;n. Las herramientas largaron sus updates grandes en mayo y ahora est&#225;n asentando lo que ya tienen, con Config a la vuelta de la esquina. En esa pausa qued&#243; a la vista el tema de fondo: cada vez m&#225;s, el trabajo del dise&#241;ador es dirigir e interpretar, y cada vez menos, ejecutar a mano.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Cursor Design Mode ahora se maneja se&#241;alando y hablando.</p><p><strong>Por qu&#233; importa:</strong> Design Mode te deja seleccionar varios elementos en el browser y pedirle al agente que iguale uno con otro o ajuste un grupo entero a la vez. Sum&#243; input por voz: narr&#225;s los cambios desde el overlay y el micr&#243;fono sigue activo mientras el agente trabaja, as&#237; encol&#225;s la pr&#243;xima edici&#243;n sin esperar. El agente ve el c&#243;digo, el layout y las relaciones visuales de lo que se&#241;al&#225;s, as&#237; que dej&#225;s de describir todo por texto y empez&#225;s a dirigir sobre la interfaz real.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Se&#241;alar y hablar para dirigir un agente sobre la UI es una direcci&#243;n que comparten Cursor, el canvas de Figma y v0, pero por ahora vive dentro del flujo de quienes dise&#241;an sobre c&#243;digo.</p><p><strong>Fuente:</strong> <a href="https://cursor.com/changelog/design-mode-improvements">Cursor</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>iOS 27 le pone una perilla a Liquid Glass y rehace los &#237;conos.</p><p><strong>Por qu&#233; importa:</strong> iOS 27 trae un control en Ajustes que regula Liquid Glass de &#8220;ultra claro&#8221; a &#8220;totalmente tintado&#8221;, con refracci&#243;n m&#225;s uniforme y mejor contraste para resolver los problemas de legibilidad de la primera versi&#243;n. Los &#237;conos pasan a ser m&#225;s n&#237;tidos y en capas, armados con <em>Icon Composer</em>. Si dise&#241;&#225;s para plataformas Apple, te conviene auditar tus componentes y revisar c&#243;mo se ven tus &#237;conos en el nuevo formato.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Es la direcci&#243;n de dise&#241;o de la plataforma mobile m&#225;s usada y las betas para desarrolladores ya est&#225;n disponibles, pero conviene esperar a la versi&#243;n estable del oto&#241;o antes de dar por cerrado el redise&#241;o de &#237;conos y pantallas.</p><p><strong>Fuente:</strong> <a href="https://www.apple.com/os/ios/">Apple</a></p><div><hr></div><h3>&#191;Est&#225;s construyendo algo?</h3><p>Una herramienta, un experimento, un proyecto paralelo que te tenga enganchado. Madame una descripci&#243;n corta y lo comparto con la comunidad. Para arrancar, este espacio est&#225; vac&#237;o. Podes ser el primero.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link." data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="/__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_424, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 424w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_848, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 848w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1272, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1272w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1456, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_webp, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1456w" sizes="100vw"><img src="/__u/substackcdn.com/image/fetch/$s_!sfd8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic" width="1456" height="508" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:508,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:41032,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/heic&quot;,&quot;href&quot;:&quot;mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link.&quot;,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://lavariable.substack.com/i/201865496?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="/__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_424, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 424w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_848, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 848w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1272, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1272w, /__u/substackcdn.com/image/fetch/$s_!sfd8!, /__u/lavariable.substack.com/w_1456, /__u/lavariable.substack.com/c_limit, /__u/lavariable.substack.com/f_auto, /__u/lavariable.substack.com/q_auto:good, /__u/lavariable.substack.com/fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa925ed2e-3b8c-40ce-b8b6-b822de7b116e_2280x795.heic 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link.&quot;,&quot;text&quot;:&quot;Mandar mi proyecto&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="mailto:franco@falaschi.com?subject=%23BuildInPublic%20-%20Mi%20proyecto&amp;body=Contame%20en%202-3%20l%C3%ADneas%20qu%C3%A9%20est%C3%A1s%20construyendo%20y%20pas%C3%A1me%20el%20link."><span>Mandar mi proyecto</span></a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>NN/G separa &#8220;dise&#241;ar con IA&#8221; en cuatro trabajos distintos.</p><p><strong>Por qu&#233; importa:</strong> NN/G divide lo que llamamos &#8220;dise&#241;o con IA&#8221; en cuatro trabajos separados: usar IA como herramienta en tu proceso, dise&#241;ar productos e interfaces de IA, dise&#241;ar para los agentes que leen y operan tu producto, y dise&#241;ar el modelo mismo. Cada uno pide habilidades y m&#233;tricas diferentes, y hoy casi todos vivimos en el primero mientras la demanda crece m&#225;s r&#225;pido en los dos &#250;ltimos. Leerlo te sirve para nombrar con precisi&#243;n qu&#233; tipo de trabajo hac&#233;s y decidir en cu&#225;l quer&#233;s ganar profundidad.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. El desdoblamiento del rol es una direcci&#243;n de industria que ya cruza varias empresas y publicaciones, sin una herramienta para adoptar, pero con una lectura clara para orientar tu carrera.</p><p><strong>Fuente:</strong> <a href="https://www.nngroup.com/articles/design-jobs-ai-created/">NN/G</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Cuando una pantalla generada con IA te quede en un 70% decente pero floja, fren&#225; antes de seguir iterando. Anot&#225; en una l&#237;nea las tres cosas concretas que le faltan para estar bien: una jerarqu&#237;a clara, un estado vac&#237;o, un detalle de copy. Despu&#233;s dirig&#237; cada una por separado. Ese salto del 70% al trabajo que vale es criterio tuyo, no m&#225;s generaci&#243;n.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>De los cuatro trabajos que separa NN/G, &#191;en cu&#225;l quer&#233;s tener profundidad real dentro de un a&#241;o?</p><p>Nos leemos la semana que viene.</p><p>Franco</p><div class="captioned-button-wrap" data-attrs="{&quot;url&quot;:&quot;https://lavariable.substack.com/p/disenar-ahora-es-dirigir?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Compartir&quot;}" data-component-name="CaptionedButtonToDOM"><div class="preamble"><p class="cta-caption">&#191;Le servir&#237;a a alguien de tu equipo? Pas&#225;sela.</p></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://lavariable.substack.com/p/disenar-ahora-es-dirigir?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Compartir&quot;}" data-component-name="ButtonCreateButton"><a class="button primary" href="/__u/lavariable.substack.com/p/disenar-ahora-es-dirigir?utm_source=substack&amp;utm_medium=email&amp;utm_content=share&amp;action=share"><span>Compartir</span></a></p></div><p></p>]]></content:encoded></item><item><title><![CDATA[El diseño con IA suma puntos de control]]></title><description><![CDATA[Hola, Esta semana las herramientas se pusieron m&#225;s prolijas.]]></description><link>https://lavariable.substack.com/p/el-diseno-con-ia-suma-puntos-de-control</link><guid isPermaLink="false">https://lavariable.substack.com/p/el-diseno-con-ia-suma-puntos-de-control</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 06 Jun 2026 09:00:55 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Esta semana las herramientas se pusieron m&#225;s prolijas. Despu&#233;s de meses de &#8220;gener&#225; y mir&#225; qu&#233; sale&#8221;, lo que apareci&#243; fueron puntos de control: revisar antes de entregar, planificar antes de generar, poner orden antes de crecer. Me gusta el cambio. Significa que la IA en dise&#241;o est&#225; dejando la etapa de novedad y entrando en la de oficio.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Figma Check designs revisa tu sistema de dise&#241;o en un click.</p><p><strong>Por qu&#233; importa:</strong> Check designs compara tus dise&#241;os contra el sistema de dise&#241;o y marca los valores hard-codeados, sugiriendo el token correcto en un solo click. Tambi&#233;n detecta violaciones de contraste WCAG, librer&#237;as no conectadas y componentes despegados de su fuente. Es el QA del sistema de dise&#241;o hecho autom&#225;tico, justo el tipo de revisi&#243;n que antes hac&#237;as a mano o no hac&#237;as nunca.</p><p><strong>Se&#241;al:</strong> Adoptalo. Figma, Penpot y v0 est&#225;n convergiendo en componentes con reglas verificables. Est&#225; disponible en planes Organization y Enterprise.</p><p><strong>Fuente:</strong> <a href="https://help.figma.com/hc/en-us/articles/39592284074263-Check-designs-in-Figma">Figma</a> </p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>Microsoft redise&#241;&#243; Copilot para vivir dentro de tus documentos.</p><p><strong>Por qu&#233; importa:</strong> Jon Friedman, CDO de Microsoft, present&#243; un redise&#241;o completo de c&#243;mo aparece Copilot en Word, Excel, PowerPoint y Outlook. La l&#237;nea de prompt est&#225;tica se volvi&#243; un workspace que se abre como panel lateral o directamente dentro del p&#225;rrafo, la celda o el slide donde est&#225;s trabajando. Friedman lo resume en una idea que vale anotar: <em>el dise&#241;o centrado en el humano ahora tiene que moldear el output, no solo la interfaz</em>.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. El redise&#241;o ya est&#225; disponible para todos los usuarios de Microsoft 365. Google Workspace con Gemini y Notion AI usan patrones similares de panel lateral m&#225;s edici&#243;n en contexto. Es convergencia de industria, no apuesta aislada. Si us&#225;s Office para documentos o presentaciones, este patr&#243;n ya es parte de tu flujo.</p><p><strong>Fuente:</strong> <a href="https://www.microsoft.com/en-us/microsoft-365/blog/2026/05/28/introducing-a-new-design-for-microsoft-365-copilot/">Microsoft 365 Blog</a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>Penpot 2.16 sube los design tokens al panel de dise&#241;o.</p><p><strong>Por qu&#233; importa:</strong> Penpot movi&#243; los tokens al panel de dise&#241;o: seleccion&#225;s, verific&#225;s y aplic&#225;s tokens junto a los controles que ya us&#225;s, sin abrir un panel aparte. Si est&#225;s evaluando <strong>alternativas open source a Figma</strong>, es buen momento para probar c&#243;mo se siente tener los tokens a mano. El mismo roadmap confirma que Penpot est&#225; construyendo un grafo estructurado de dise&#241;o para que los agentes operen sobre los archivos de forma nativa.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Los tokens en el sidebar y el renderer WebGL est&#225; en beta abierta. El grafo para agentes todav&#237;a est&#225; en desarrollo y la adopci&#243;n de Penpot sigue siendo menor a la de Figma, as&#237; que conviene explorarlo sin migrar tu trabajo serio todav&#237;a.</p><p><strong>Fuente:</strong> <a href="https://community.penpot.app/t/not-a-roadmap-but-whats-coming-in-penpot-june-2026/10628">Penpot</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Antes de pasar tu pr&#243;ximo archivo a desarrollo, corr&#233; Check designs sobre el frame terminado. Fijate cu&#225;ntos valores aparecen hard-codeados en lugar de tokens y revis&#225; los avisos de contraste WCAG uno por uno. Vas a encontrar inconsistencias que tu ojo ya no registra despu&#233;s de horas mirando la misma pantalla. Diez minutos de revisi&#243;n te ahorran una ida y vuelta entera con el equipo.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si los agentes de IA van a leer y usar tu sistema de dise&#241;o tanto como las personas, &#191;qu&#233; parte lo escribir&#237;as distinto hoy?</p><p>Nos leemos la semana que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[Cada vez más conectados al código]]></title><description><![CDATA[Hola! Espero que estos correos te est&#233;n gustando.]]></description><link>https://lavariable.substack.com/p/cada-vez-mas-conectados-al-codigo</link><guid isPermaLink="false">https://lavariable.substack.com/p/cada-vez-mas-conectados-al-codigo</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 30 May 2026 09:00:25 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola!</p><p>Espero que estos correos te est&#233;n gustando. Lo que busco es que puedas mantenerte informado sin caer en el FOMO. Esta semana Canva y Figma fueron los protagonistas. Figma sigue buscando cerrar el loop entre dise&#241;o y c&#243;digo y Canva se meti&#243; silenciosamente en cada asistente de IA.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Figma Make ahora edita tu c&#243;digo de producci&#243;n desde el canvas.</p><p><strong>Por qu&#233; importa:</strong> Figma lanz&#243; una beta que conecta Make a tu repositorio Git local. Seleccion&#225;s un elemento en el canvas, ajust&#225;s propiedades, anot&#225;s lo que quer&#233;s cambiar, y el agente de IA edita el c&#243;digo correspondiente. Despu&#233;s cre&#225;s un pull request sin salir de Figma. Por ahora es solo Mac y requiere la app Beta de escritorio, pero el ciclo dise&#241;o-c&#243;digo se sigue acortando.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Es una beta limitada y gratuita durante el periodo de prueba. Todav&#237;a no est&#225; lista para adopci&#243;n de equipo, pero si tienes un proyecto personal con el que puedas jugar vale la pena anotarse en la waitlist y experimentar.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/blog/figma-make-now-on-your-local-code/">Figma Blog</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>Canva es la primera herramienta de dise&#241;o dentro de los cuatro asistentes de IA principales.</p><p><strong>Por qu&#233; importa:</strong> Con el Connected App para Gemini, Canva complet&#243; su presencia en Claude, ChatGPT, Copilot y Gemini. Magic Layers convierte im&#225;genes generadas por IA en archivos editables por capas, conectados a tu Brand Kit. Pod&#233;s generar y editar piezas desde cualquier asistente que ya uses, sin cambiar de app.</p><p><strong>Se&#241;al:</strong> Vale probarlo. Cuatro empresas independientes (Anthropic, OpenAI, Microsoft, Google) convergieron en integrar Canva como capa de dise&#241;o. La herramienta es estable, el acceso es inmediato en planes pagos, y el riesgo de adopci&#243;n es bajo.</p><p><strong>Fuente:</strong> <a href="https://thenextweb.com/news/canva-google-gemini-connected-app-design">The Next Web</a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>Yuhki Yamashita (CPO de Figma) sobre por qu&#233; la direcci&#243;n importa m&#225;s que la velocidad.</p><p><strong>Por qu&#233; importa:</strong> La nota argumenta que cuando cualquiera puede construir con IA, la ventaja real est&#225; en <strong>elegir qu&#233; vale la pena hacer</strong>. Propone un m&#233;todo concreto: explorar m&#250;ltiples direcciones en paralelo con prototipos generados por IA, en vez de comprometerse con la primera idea. Es una lectura corta que reenmarca el uso de IA como <strong>herramienta de exploraci&#243;n</strong>, no solo de producci&#243;n r&#225;pida.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. Es un framework conceptual desde el liderazgo de Figma, no una feature lanzada. La direcci&#243;n es clara, pero todav&#237;a no hay herramientas espec&#237;ficas que la implementen de forma estructurada.</p><p><strong>Fuente:</strong> <a href="https://www.figma.com/blog/what-matters-when-anyone-can-build/">Figma Blog</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>La pr&#243;xima vez que arranques un proyecto nuevo, antes de abrir Figma pedile a tu asistente de IA que genere tres direcciones de dise&#241;o distintas a partir del mismo brief. No busques la mejor. Busc&#225; la m&#225;s diferente. Explorar en paralelo antes de comprometerte con una direcci&#243;n es lo que separa un dise&#241;ador que usa IA para ir m&#225;s r&#225;pido de uno que la usa para pensar mejor.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si pod&#233;s editar c&#243;digo de producci&#243;n desde tu canvas de dise&#241;o, &#191;sigue teniendo sentido el handoff como proceso separado?</p><div><hr></div><p>Nos leemos la semana que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[Los agentes ya viven en tu canvas]]></title><description><![CDATA[Hola, Esta semana Figma meti&#243; un agente de dise&#241;o adentro del canvas.]]></description><link>https://lavariable.substack.com/p/los-agentes-ya-viven-en-tu-canvas</link><guid isPermaLink="false">https://lavariable.substack.com/p/los-agentes-ya-viven-en-tu-canvas</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 23 May 2026 10:49:11 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola,</p><p>Esta semana Figma meti&#243; un agente de dise&#241;o adentro del canvas. No un plugin, no una integraci&#243;n externa: un agente que lee tus componentes, tus tokens y las convenciones de tu equipo antes de tocar un frame. Mientras tanto, un reporte con datos de m&#225;s de 1.000 dise&#241;adores confirm&#243; que el 91% ya usa IA todas las semanas. Y un art&#237;culo que pas&#243; desapercibido explica por qu&#233; cada vez que le ped&#237;s a una IA que genere una interfaz, el resultado se parece sospechosamente a lo mismo.</p><div><hr></div><h3><strong>La herramienta de la semana</strong></h3><p>Figma lanza un agente de dise&#241;o nativo, directo en el canvas.</p><p><strong>Por qu&#233; importa:</strong> Desde el 20 de mayo, Figma tiene un agente integrado que lee tus componentes, tokens y convenciones de equipo antes de generar o editar cualquier capa. Pod&#233;s lanzar prompts en paralelo para explorar direcciones, hacer ediciones masivas (renombrar variables, cambiar tipograf&#237;a en un archivo entero, documentar estados de componentes) y aplicar feedback directamente. A diferencia de usar un MCP server, no requiere setup externo.</p><p><strong>Se&#241;al:</strong> Vale probarlo. El agente est&#225; en beta y lo est&#225;n habilitando gradualmente, sin consumir cr&#233;ditos durante la fase beta. Personalmente, prefiero saber el precio de antemano.</p><p><strong>Fuente:</strong> Figma (blog oficial) - <a href="https://www.figma.com/blog/the-figma-agent-is-here/">https://www.figma.com/blog/the-figma-agent-is-here/</a></p><div><hr></div><h3><strong>La noticia que importa</strong></h3><p>El 91% de los dise&#241;adores ya usa IA todas las semanas.</p><p><strong>Por qu&#233; importa:</strong> El AI in Design Report 2026 de Designer Fund encuest&#243; a m&#225;s de 1.000 dise&#241;adores. El uso semanal de IA pas&#243; a ser norma, con un promedio de 7 herramientas por persona (el doble que en 2025). Claude super&#243; a ChatGPT como la m&#225;s usada (78% vs 65%), el 76% usa herramientas de coding con IA, y el 50% pushea c&#243;digo a producci&#243;n. <strong>El 65% est&#225; asumiendo tareas de PM e ingenier&#237;a</strong>, y la mitad de los l&#237;deres ya prioriza fluidez en IA al contratar.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Los n&#250;meros muestran convergencia masiva. No es una tendencia emergente, es el est&#225;ndar actual. Si todav&#237;a no integraste IA en tu flujo diario, es importante que empieces a explorar c&#243;mo y donde hacerlo.</p><p><strong>Fuente:</strong> Designer Fund (blog oficial) - <a href="https://designerfund.com/blog/ai-in-design-2026">https://designerfund.com/blog/ai-in-design-2026</a></p><div><hr></div><h3><strong>El recurso de la semana</strong></h3><p>shadcn/ui es el sistema de dise&#241;o que las herramientas de IA eligieron por vos.</p><p><strong>Por qu&#233; importa:</strong> Cuando le ped&#237;s a Claude, Cursor, v0 o Lovable que genere una interfaz, el output usa componentes de shadcn/ui. La biblioteca tiene 114.000 estrellas en GitHub, un servidor MCP propio, y se convirti&#243; en el est&#225;ndar de facto sin que ning&#250;n equipo de dise&#241;o lo eligiera. Entender sus patrones y convenciones mejora tu capacidad de trabajar con cualquier herramienta que genere UI.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. La biblioteca es estable, accesible y tiene kits de Figma mantenidos por la comunidad. Conocer shadcn te va a ayudar a entender mejor el output de tu trabajo cuando usas IA para generarlo.</p><p><strong>Fuente:</strong> Medium / Design Bootcamp (Pawel Klasa) - <a href="https://medium.com/design-bootcamp/the-most-important-design-system-in-2026-that-designers-missed-was-built-by-a-developer-d5617753882e">https://medium.com/design-bootcamp/the-most-important-design-system-in-2026-that-designers-missed-was-built-by-a-developer-d5617753882e</a></p><div><hr></div><h3><strong>El tip de la semana</strong></h3><p>Abr&#237; el kit de Figma de shadcn/ui y compar&#225; sus componentes con los de tu design system. Si hay diferencias grandes en estructura o naming, tus outputs de la IA van a necesitar m&#225;s edici&#243;n manual cada vez que generes UI. Alinear tus tokens y convenciones de nombrado con las de shadcn reduce la fricci&#243;n entre lo que la IA genera y lo que tu equipo necesita. No hace falta copiar todo, alcanza con entender d&#243;nde coinciden y d&#243;nde no.</p><div><hr></div><h3><strong>La pregunta de la semana</strong></h3><p>Si las herramientas de IA ya eligieron un sistema de dise&#241;o por defecto, &#191;conviene adaptarse a ese est&#225;ndar o dise&#241;ar el tuyo para diferenciarte?</p><div><hr></div><p>Nos leemos el s&#225;bado que viene.</p><p>Franco</p>]]></content:encoded></item><item><title><![CDATA[Las personas ya pueden generar sus propias interfaces]]></title><description><![CDATA[La industria empieza a dar se&#241;ales de interfaces generativas.]]></description><link>https://lavariable.substack.com/p/el-usuario-ya-genera-su-propia-interfaz</link><guid isPermaLink="false">https://lavariable.substack.com/p/el-usuario-ya-genera-su-propia-interfaz</guid><dc:creator><![CDATA[Franco]]></dc:creator><pubDate>Sat, 16 May 2026 09:00:52 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!D6Uh!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06f6ab8d-b0c6-497a-9d8c-1565436fa764_400x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hola!</p><p>Esta semana Google puso sobre la mesa una idea que se viene masticando hace rato: qu&#233; pasa cuando el usuario final puede generar su propia interfaz. </p><p>Mientras tanto, una herramienta nueva propone dise&#241;ar directamente sobre c&#243;digo de producci&#243;n, y Smashing Magazine document&#243; los patrones que necesit&#225;s cuando un agente de IA trabaja por vos. La semana fue corta en lanzamientos pero densa en direcci&#243;n.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://lavariable.substack.com/?utm_source=substack&amp;utm_medium=email&amp;utm_content=share&amp;action=share&quot;,&quot;text&quot;:&quot;Compartir La Variable&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="/__u/lavariable.substack.com/?utm_source=substack&amp;utm_medium=email&amp;utm_content=share&amp;action=share"><span>Compartir La Variable</span></a></p><p></p><h3><strong>La herramienta de la semana</strong></h3><p><a href="https://www.dessn.ai/">Dessn</a> te deja dise&#241;ar directamente sobre tu c&#243;digo de producci&#243;n.</p><p><strong>Por qu&#233; importa: </strong>Dessn corre tu codebase en la nube sin configuraci&#243;n y te deja dise&#241;ar sobre el c&#243;digo real. Los cambios viven en el repositorio, eliminando el handoff entre dise&#241;o y desarrollo. Tiene un tier gratuito con un repositorio y cinco prompts por semana para probarlo.</p><p><strong>Se&#241;al:</strong> Vale probarlo. La herramienta funciona y tiene clientes reales, pero el equipo tiene cuatro personas y la propuesta requiere un codebase activo. Es una apuesta temprana que vale la pena evaluar si tu equipo ya trabaja en c&#243;digo.</p><p><strong> Fuente: </strong><a href="https://techcrunch.com/2026/05/12/dessn-raises-6m-for-its-production-focused-design-tool/">TechCrunch</a></p><h3><strong>La noticia que importa</strong></h3><p>Google deja que los usuarios de Android generen sus propios widgets con lenguaje natural.</p><p><strong>Por qu&#233; importa: </strong>Create My Widget, presentado en el Android Show, permite describir en lenguaje natural qu&#233; informaci&#243;n quer&#233;s ver y Gemini genera un widget funcional para la pantalla de inicio. Es el primer caso concreto de generative UI en un sistema operativo masivo (Si yo se que <a href="https://playground.nothing.tech/">Nothing ya lo hizo</a>). </p><p>Cuando los usuarios pueden crear sus propias interfaces, el rol del dise&#241;ador se mueve de definir layouts fijos a <strong>dise&#241;ar los sistemas</strong> y constraints que gu&#237;an la generaci&#243;n.</p><p><strong>Se&#241;al:</strong> A seguir de cerca. Google y Samsung van a lanzar la funci&#243;n este verano (Americano) en dispositivos Pixel y Galaxy, pero todav&#237;a no est&#225; disponible. La direcci&#243;n es clara y tiene respaldo de dos fabricantes grandes del ecosistema Android. Falta ver si otros fabricantes y plataformas convergen.</p><p><strong>Fuente:</strong> <a href="https://blog.google/products-and-platforms/platforms/android/gemini-intelligence/">Google (The Keyword)</a> </p><h3><strong>El recurso de la semana</strong></h3><p>Patrones de interfaz para cuando la IA est&#225; pensando.</p><p><strong>Por qu&#233; importa:</strong> Los spinners no sirven cuando un agente tarda 20 segundos razonando. Smashing Magazine document&#243; cuatro patrones concretos: Living Breadcrumb (estado sutil en segundo plano), Dynamic Checklist (pasos visibles en tiempo real), Thinking Toggle (logs bajo demanda) y Audit Trail (historial del razonamiento). Son patrones que pod&#233;s aplicar esta semana en cualquier flujo en el que estes trabajando con IA.</p><p><strong>Se&#241;al:</strong> Adoptalo hoy. Los cuatro patrones est&#225;n documentados con ejemplos reales de Perplexity, Devin y ChatGPT. No requieren una herramienta nueva, solo decisiones de dise&#241;o.</p><p><strong>Fuente: </strong><a href="https://www.smashingmagazine.com/2026/05/practical-interface-patterns-ai-transparency/">Smashing Magazine</a> </p><h3><strong>El tip de la semana</strong></h3><p>La pr&#243;xima vez que dise&#241;es un flujo donde un agente de IA trabaja por el usuario, empez&#225; por el estado intermedio, no por el resultado final. Eleg&#237; uno de los cuatro patrones de Smashing Magazine (Living Breadcrumb es el m&#225;s sutil, Dynamic Checklist el m&#225;s expl&#237;cito) y prototip&#225; el momento donde el usuario espera sin saber qu&#233; est&#225; pasando. Ese momento define la confianza en todo el producto.</p><h3><strong>La pregunta de la semana</strong></h3><p>Si el usuario puede generar su propia interfaz, &#191;qu&#233; parte del trabajo del dise&#241;ador se vuelve m&#225;s importante y cu&#225;l muta?</p><div><hr></div><p>Si llegaste hasta ac&#225;, gracias por confiar en lo que tengo para decir. Si hay algo que quieras contarme, compartirme o sugerirme, prometo tomarme el tiempo que te mereces para leerlo y responderte; solo ten&#233;s que responder a este mensaje. </p><p>Que tengas un excelente fin de semana!</p><p>Franco</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://lavariable.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;Suscribirse&quot;,&quot;language&quot;:&quot;es&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">&#161;Gracias por leer La Variable! Suscr&#237;bete gratis para recibir nuevos posts y apoyar mi trabajo.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Escribe tu correo electr&#243;nico..." tabindex="-1"><input type="submit" class="button primary" value="Suscribirse"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item></channel></rss>