🎨 Los 7 errores que matan tu Design System en Figma

🔥 Google rompió miles de IDEs en una noche: lecciones UX del caso AntigravityHoy tenemos invitada especial: Cristina, UX Engineer madrileña que lleva cuatro años currando en una fintech en Londres, viene a echarnos una mano mientras Sarah se recupera. Y trae el caso del año en herramientas para desarrolladores.El 19 de mayo de 2026, Google lanzó Antigravity 2.0 con auto-update forzado a usuarios existentes. Miles de developers se quedaron sin terminales, sin code editor, sin sidebars, con configuraciones borradas y los foros de Reddit y Google ardiendo. Pragmatic Engineer tituló: "Antigravity 2.0 takes IDE out of its new IDE".5 lecciones UX del caso, con la perspectiva de Cristina desde el sector fintech regulado:1. Auto-update sin opt-in es antipatrón: en banca sería ilegal por regulación. Romper a tus usuarios de la noche a la mañana destruye confianza2. Cambiar paradigma de producto sin onboarding: pasaron de IDE a "control tower de agentes" sin tutorial, sin modo dual, sin migración suave3. Quitar funciones core sin alternativa: Ctrl+Shift+~ ya no abre la terminal y no hay tooltip que apunte al sustituto. Dejar al usuario colgado4. Pricing opaco: modelo de créditos que la comunidad no entiende, terminales consumiendo tokens sin aviso, transparencia cero5. Ignorar a los power users: el feedback en preview existió, Google decidió no escucharlo. Bandera roja para cualquier productoRegla de oro: un cambio drástico sin opt-in, sin onboarding y sin alternativa es la receta perfecta para perder a tus power users. Aplica a un banco, a una app o a una herramienta de developers.📍 CAPÍTULOS00:00 Música intro00:06 Cold open + Cristina debut (Sarah out)01:06 Lección 1: Auto-update sin opt-in01:38 Lección 2: Cambiar paradigma sin onboarding02:19 Lección 3: Quitar funciones core sin alternativa02:56 Lección 4: Pricing opaco03:29 Lección 5: No escuchar a power users04:08 Regla de oro04:32 Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 22 "Antipatrones": cambios forzados sin opt-in es uno de los antipatrones clásicos que el caso Antigravity ilustra perfectamente)🔌 PLUGIN DE FIGMA MENCIONADODS Sync (free tier 5 exports):https://ds-sync.netlify.app(Para sincronizar tu sistema de diseño con código sin romper nada al cambiar)🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001 a EP009: Sarah series completa, design systems, leyes UX, AI en diseño, fintech LATAMEP010: Cristina debuta con caso Google Antigravity (este episodio)🚀 PRÓXIMO EPISODIOCómo evitar romper a tus usuarios cuando lanzas la versión dos de tu producto. Cristina promete contar cómo lo hicieron en su fintech sin perder ni un cliente.FUENTES DEL ANÁLISIS- Pragmatic Engineer newsletter sobre Antigravity 2.0- TechLoy "Why Google's Antigravity 2.0 AI Update Has Developers Furious"- Google Developers Blog (oficial)- Hacker News thread principal- Google AI Developers Forum (urgent UX feedback)📺 CONTACTOYouTube: @uxuiconexioncreativa

💰 Bancolombia, Nubank y Mercado Pago: cuál se quedaría mi dineroSarah cumple su promesa del episodio anterior. Probó las tres fintech esta semana y trae veredicto honesto sobre cuál se quedaría su dinero. Spoiler: tres filosofías opuestas, las tres ganan, pero por razones muy distintas.3 lecciones reales de los rediseños 2025-2026:1. Bancolombia "Mi Bancolombia" (enero 2025): rediseño que no se ve pero se siente. Cloud-native, 1.400 transacciones por segundo. UX es velocidad, no solo botones bonitos2. Nubank y NuDS: el rey indiscutible del diseño bancario. 100 componentes accesibles, identidad morada que se reconoce a metros. Accesibilidad nativa desde el día uno3. Mercado Pago marcha atrás (marzo 2026): el caso de estudio que ningún diseñador quiere ser. Cambio de color sin testing, millones confundidos, vuelta al azul. Antipatrón puroMás una regla de oro: el mejor diseño bancario no es el más bonito, es el que entiende a su usuario. Y para entender al usuario hay que probar la app, no diseñar a ciegas.📍 CAPÍTULOS00:00 Música intro00:06 Cold open + Sarah cumple promesa fintech01:07 Lección 1: Bancolombia, cuando el UX no se ve pero se siente02:02 Lección 2: Nubank, identidad consistente + accesibilidad real02:53 Lección 3: Mercado Pago, el antipatrón de marzo 202603:44 Veredicto Sarah: cuál se queda su dinero04:14 Regla de oro04:35 Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 10 "Accesibilidad" donde aparece todo lo que aprendimos de Nubank. Capítulo 22 "Antipatrones" donde el caso Mercado Pago tiene su sección)🔌 PLUGIN DE FIGMA MENCIONADODS Sync (free tier 5 exports):https://ds-sync.netlify.app(Para tener un sistema consistente como el de los grandes, sin gastar años construyéndolo)🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001: 🎨 Los 7 errores que matan tu Design System en FigmaEP002: ⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHubEP003: 🧱 El Button con 17 props (y cómo evitarlo) | Cap 8 del libroEP004: 🤖 5 formas en que la AI te ayuda como UX DesignerEP005: 🧠 5 leyes UX que te separan de una juniorEP006: 🚨 5 antipatrones UX que están matando tu productoEP007: 💡 3 cosas que me hubiera gustado saber siendo junior UXEP008: 💎 Cómo Mercado Libre y Rappi rediseñaron sus apps🚀 PRÓXIMO EPISODIOGoogle Antigravity 2.0 y las quejas que tiene revuelta a la comunidad de diseñadores. Investigamos caso por caso y sacamos las lecciones.📺 CONTACTOYouTube: @uxuiconexioncreativa

💎 Cómo Mercado Libre y Rappi rediseñaron sus apps (y qué aprendimos)Sarah abrió Rappi para pedir comida esta semana y casi se le cae el teléfono cuando vio el rediseño. Investigando descubrió que Mercado Libre también acaba de relanzar. Dos casos brutales de sistema de diseño bien hecho, con filosofías opuestas, las dos triunfando.4 lecciones de los rediseños 2026:1. Rappi - simplificación radical: bottom navigation de 5 a 3 botones + microcopia humanizada ("¿Qué se te antoja?" en vez de "Buscar")2. Mercado Libre - personalización inteligente: la app se ve distinta según tu tipo de comprador3. Estados vacíos como oportunidad de marca: ya nadie ve spinner eterno, skeleton + ilustraciones con mensaje4. Filosofías opuestas que funcionan: Rappi simplificó, Mercado Libre escaló, las dos triunfaron porque entendieron a su usuarioRegla de oro: el mejor diseño UX no es el más bonito, es el que mejor entiende a su usuario. Y para entender al usuario hay que abrir su app, no tu Figma.📍 CAPÍTULOS00:00 Música intro00:06 Cold open + bridge (Sarah rompe la promesa del portafolio)01:11 Lección 1: Rappi - simplificación radical02:00 Lección 2: Mercado Libre - personalización02:53 Lección 3: Skeleton y estados vacíos03:39 Lección 4: Filosofías opuestas04:12 Regla de oro04:42 Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 22 "Antipatrones": los errores que evitan Mercado Libre y Rappi en estos rediseños. Capítulo 3 "Anatomía del sistema": cómo construir uno que escale así)🔌 PLUGIN MENCIONADODesign System Sync (free tier 5 exports):https://ds-sync.netlify.app(Para mantener consistencia visual mientras escalas como las dos apps de hoy)🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001: 🎨 Los 7 errores que matan tu Design System en FigmaEP002: ⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHubEP003: 🧱 El Button con 17 props (y cómo evitarlo) | Cap 8 del libroEP004: 🤖 5 formas en que la AI te ayuda como UX DesignerEP005: 🧠 5 leyes UX que te separan de una juniorEP006: 🚨 5 antipatrones UX que están matando tu productoEP007: 💡 3 cosas que me hubiera gustado saber siendo junior UX🚀 PRÓXIMO EPISODIOSarah se mete con Bancolombia, Nubank y Mercado Pago. Tres fintech, tres filosofías de diseño financiero distintas. Y Sarah promete decir cuál se quedaría su dinero.📺 CONTACTOYouTube: @uxuiconexioncreativa

💡 3 cosas que me hubiera gustado saber siendo junior UX (y duele admitirlas)Sarah cumple su promesa del episodio anterior y confiesa con vulnerabilidad lo que le hubiera ahorrado años de estrés: el día que una senior le dijo "decir no sé es tu superpoder más infrautilizado" se le cayó la venda.3 cosas + 1 bonus que duele admitir:1. Decir "no sé" es tu superpoder. Fingir saber le costó a Sarah 3 semanas perdidas y 15 entrevistas mal hechas2. El feedback duro es regalo, no ataque. Lloró 15 minutos en el baño hasta entender que separar tu trabajo de tu identidad es liberador3. Tu portafolio cuenta proceso, no logros. Cero llamadas en 2 meses con portafolio perfecto, 5 entrevistas en 1 semana cuando enseñó el proceso+ Bonus que duele: el síndrome del impostor no se va, aprendes a convivir con élRegla de oro: ser junior no es un estado a superar, es una identidad a vivir bien. La diseñadora junior que pregunta es más madura que la que finge saber.📍 CAPÍTULOS00:00 Música intro00:06 Cold open + confesión de Sarah01:07 Cosa 1: Decir "no sé" es tu superpoder01:53 Cosa 2: Feedback duro como regalo02:42 Cosa 3: Portafolio cuenta proceso03:38 Bonus: El impostor no se va04:11 Regla de oro04:39 Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 19 "Gestión del cambio": cómo navegar dudas, feedback y crecimiento en equipo)🔌 PLUGIN MENCIONADODesign System Sync (free tier 5 exports):https://ds-sync.netlify.app(Para automatizar lo aburrido y dejarte tiempo para lo humano)🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001: 🎨 Los 7 errores que matan tu Design System en FigmaEP002: ⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHubEP003: 🧱 El Button con 17 props (y cómo evitarlo) | Cap 8 del libroEP004: 🤖 5 formas en que la AI te ayuda como UX DesignerEP005: 🧠 5 leyes UX que te separan de una juniorEP006: 🚨 5 antipatrones UX que están matando tu producto🚀 PRÓXIMO EPISODIOEl portafolio UX que me consiguió mi primer trabajo (y los 2 que no me dieron). Sarah promete decir los errores reales en cada uno.📺 CONTACTOYouTube: @uxuiconexioncreativa

🚨 5 antipatrones UX que están matando tu producto (y tu reputación)Sarah cumple su promesa del episodio anterior y trae el peor antipatrón UX que vio este mes: tuvo que hablar con TRES bots para cancelar una suscripción de fitness. Spoiler: cada uno le preguntaba lo mismo.Los 5 antipatrones UX más dañinos que vemos en aplicaciones reales en 2026:1. El laberinto de cancelación: dos clicks para suscribirte, quince pasos para irte (ya ilegal en muchos países)2. El error fantasma: "hay un error" sin decirte cuál, y a veces se borra el formulario entero3. El cookie banner oscuro: botón gigante azul para aceptar, botón gris diminuto para rechazar (dark pattern puro)4. Las notificaciones sin freno: te piden permiso ANTES de que sepas para qué sirve la aplicación5. El botón que no se puede tocar: "mantener pulsado 5 segundos" para confirmar un pago (Fitts al revés)Más una regla de oro: un buen diseñador defiende al usuario. Aunque le moleste al equipo de producto. No es ser difícil, es ser ético.📍 CAPÍTULOS00:00 Música intro00:06 Cold open + Sarah cumple promesa antipatrón01:02 Antipatrón 1: El laberinto de cancelación01:44 Antipatrón 2: El error fantasma02:26 Antipatrón 3: Cookie banner oscuro03:05 Antipatrón 4: Notificaciones sin freno03:46 Antipatrón 5: El botón gimnasio04:26 Regla de oro04:57 Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 22 "Antipatrones": muchos más, con código, soluciones y casos legales)🔌 PLUGIN MENCIONADODesign System Sync (free tier 5 exportaciones, Pro $10/mes):https://ds-sync.netlify.app(La consistencia que evita la mitad de estos antipatrones, automatizada)🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001: 🎨 Los 7 errores que matan tu Design System en FigmaEP002: ⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHubEP003: 🧱 El Button con 17 props (y cómo evitarlo)EP004: 🤖 5 formas en que la AI te ayuda como UX DesignerEP005: 🧠 5 leyes UX que te separan de una junior🚀 PRÓXIMO EPISODIOLas 3 cosas que toda diseñadora UX junior debe saber. Sarah promete traer las 3 cosas que le hubiera gustado saber cuando empezó.📺 CONTACTOYouTube: @uxuiconexioncreativa

🧠 5 leyes UX que te separan de una junior (Hick, Fitts, Miller y más)Sarah cumple su promesa del episodio anterior y confiesa cuál de las 5 leyes UX le sigue costando aplicar. Spoiler: es la de Jakob, y nos cuenta por qué.Las 5 leyes que toda diseñadora y diseñador debe dominar:1. Ley de Hick: cada opción de más es un grano de arena en la mochila del usuario2. Ley de Fitts: tamaño y distancia importan más de lo que crees3. Ley de Miller: 7 ± 2 cosas en la cabeza, no más4. Ley de Jakob: el usuario espera que tu pantalla funcione como las otras mil que ya conoce5. Efecto estética-usabilidad: la sorpresa final. Los diseños bonitos parecen más usables (aunque no lo sean)Más una regla de oro: la diferencia entre una junior y una senior no es conocer las leyes, es saber cuándo aplicarlas y cuándo romperlas a propósito. Y poder defender la decisión.📍 CAPÍTULOS00:00 Música intro00:06 Cold open + Sarah confiesa cuál ley le cuesta01:13 Ley 1: Hick (decisiones)01:56 Ley 2: Fitts (tamaño y distancia)02:44 Ley 3: Miller (7 ± 2)03:23 Ley 4: Jakob (convenciones, la nemesis de Sarah)04:23 Ley 5: Efecto estética-usabilidad (la sorpresa)05:10 Regla de oro05:43 Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 2 "Principios y caso de negocio": heurísticas y leyes UX aplicadas a diseño de sistemas)🔌 PLUGIN MENCIONADODesign System Sync (free tier 5 exports, Pro $10/mes):https://ds-sync.netlify.app(La consistencia que Jakob pide, automatizada con tokens compartidos)🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001: 🎨 Los 7 errores que matan tu Design System en FigmaEP002: ⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHubEP003: 🧱 El Button con 17 props (y cómo evitarlo) | Cap 8 del libroEP004: 🤖 5 formas en que la AI te ayuda como UX Designer (sin reemplazarte)🚀 PRÓXIMO EPISODIOEl peor antipatrón UX que vimos este mes en una aplicación real. Sarah promete traer el suyo. Y duele.📺 CONTACTOYouTube: @uxuiconexioncreativa

🤖 5 formas en que la AI te ayuda como UX Designer (sin reemplazarte)Sarah pasó tres días enteros probando inteligencia artificial generando prototipos y se dio cuenta de algo: el debate de Atomic Design ya no es lo más importante. Lo urgente es cómo trabajamos como diseñadores cuando la máquina ya está en el equipo.5 formas reales en que la AI te ahorra horas sin reemplazarte:1. Síntesis de entrevistas: 20 entrevistas resumidas en 30 minutos, no en un día2. Primer borrador de personas y journey maps: el junior invisible que te deja la base lista3. Ideación visual rápida: 20 ideas en minutos para que tú filtres las brillantes4. Accesibilidad en tiempo real: validador mientras diseñas, no auditoría al final5. Documentación y entrega: de 3 horas a 20 minutos por componenteMás una regla de oro: la máquina te quita lo repetitivo para que tú hagas lo único, pensar en humanos.📍 CAPÍTULOS00:00 Música intro00:06 Cold open + Sarah cambia el rumbo01:11 Punto 1: Síntesis de entrevistas01:51 Punto 2: Personas y journey maps02:32 Punto 3: Ideación visual rápida03:11 Punto 4: Accesibilidad en tiempo real04:06 Punto 5: Documentación y entrega04:56 Regla de oro05:27 Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 23 "El Futuro": cómo cambia el rol del diseñador con la inteligencia artificial)🔌 PLUGIN MENCIONADODesign System Sync v10 con AI Code Generation (free tier 5 exports):https://ds-sync.netlify.app🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001: 🎨 Los 7 errores que matan tu Design System en FigmaEP002: ⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHubEP003: 🧱 El Button con 17 props (y cómo evitarlo) | Cap 8 del libro🚀 PRÓXIMO EPISODIO5 leyes UX que te separan de una junior. Ley de Hick, Fitts, Miller, las clásicas.📺 CONTACTOYouTube: @uxuiconexioncreativa

🧱 El Button con 17 props (y cómo evitarlo) | Capítulo 8 del libroSarah cumple su segunda promesa: ¿la AI hace componentes mejor que un humano? Spoiler: depende de qué versión del Button hablemos.Hoy nos vamos al capítulo 8 del libro "Construye tu Design System": Arquitectura de componentes y diseño de API.🧱 El Button con 17 props (y cómo evitarlo) | Capítulo 8 del libroSarah cumple su segunda promesa: ¿la AI hace componentes mejor que un humano? Spoiler: depende de qué versión del Button hablemos.Hoy nos vamos al capítulo 8 del libro "Construye tu Design System": Arquitectura de componentes y diseño de API. Si estás empezando con design systems, escúchanos desde el episodio 1 — esto es como una clase entera siguiendo el libro.5 puntos del capítulo:1. Por qué la API de un componente importa más que su CSS2. Props vs Slots: la decisión que ahorra horas de debate3. Composición vs Configuración: el default que cambia todo4. La evolución de un Button real: de v1 ingenua a v4 madura5. Naming + defaults: las reglas que mantienen tu sistema sanoMás una historia real del libro: una empresa de educación online con 5 años en producción y un Button con 17 props acumuladas. De 200+ combinaciones posibles, solo 22 aparecían en código. La diseñadora nueva entró el primer día y propuso bajar a 5 props. Refactor radical.📍 CAPÍTULOS00:00 — Música intro00:06 — Cold open + Sarah cumple promesa AI vs humano01:35 — Hook: la anécdota expandida02:17 — Punto 1: Por qué la API > el CSS03:10 — Punto 2: Props vs Slots04:10 — Punto 3: Composición vs Configuración05:24 — Punto 4: La evolución del Button (v1 → v4)06:53 — Punto 5: Naming + defaults07:49 — Resolución debate AI vs humano08:30 — Regla de oro08:54 — Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db(Capítulo 8 completo con código y los 4 Buttons evolucionados)🔌 PLUGIN MENCIONADODesign System Sync (free tier 5 exports, Pro $10/mes con AI Code Generation):https://ds-sync.netlify.app🎧 EPISODIOS ANTERIORES (escúchalos en orden si vienes nuevo)EP001: 🎨 Los 7 errores que matan tu Design System en FigmaEP002: ⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHub🚀 PRÓXIMO EPISODIOCapítulo 9: Construyendo componentes reales. Atoms, molecules, organisms con código completo.📺 CONTACTOYouTube: @uxuiconexioncreativa

⚡ Tokens W3C en 5 pasos como Apple, Adobe, GitHubSarah cumple su promesa del episodio anterior: ¿es W3C overkill o no? Spoiler: depende.En este episodio hablamos de cómo Apple, Adobe y GitHub estructuran sus design tokens en JSON siguiendo el spec del W3C Design Tokens Community Group.5 pasos prácticos:1. JSON con $value + $type (la base W3C)2. Tipos correctos (color, dimension, fontFamily, etc.)3. Aliases con referencias { } (donde Sarah debate si es overkill)4. Jerarquía 3 niveles: primitives → semantic → component5. Build con Style Dictionary (de Amazon, gratis, multi-plataforma)Más una historia real: cómo saltarse un nivel de jerarquía costó 3 meses de migración en un equipo donde estuvo Sarah.📍 CAPÍTULOS00:00 — Música intro00:06 — Cold open + callback al episodio 00100:53 — Hook + setup01:14 — Paso 1: JSON con $value + $type02:06 — Paso 2: Tipos correctos02:55 — Paso 3: Aliases con { } (debate overkill)04:00 — Paso 4: Jerarquía de 3 niveles05:09 — Paso 5: Build con Style Dictionary06:02 — Resolución debate overkill06:33 — Regla de oro06:46 — Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db🔌 PLUGIN MENCIONADODesign System Sync (free tier 5 exports, Pro $10/mes):https://ds-sync.netlify.app🎧 EPISODIO ANTERIOR🎨 Los 7 errores que matan tu Design System en Figma (Sarah debut)🚀 PRÓXIMO EPISODIOComponentes en Figma desde cero. Botón, input, card, en una hora.📺 CONTACTOYouTube: @uxuiconexioncreativa

🎨 Los 7 errores que matan tu Design System en FigmaEpisodio debut con Sarah, nuestra nueva integrante permanente. Senior UX Designer y Frontend Engineer, igual que Yo.En este episodio: los 7 errores más comunes que vemos todos los meses en equipos de diseño. Tokens sin escala, overrides descontrolados, naming inconsistente, falta de handoff a código, variantes infladas, colores hardcodeados y cero documentación. Cada uno con su solución concreta para aplicar mañana.Si te interesan los design systems, el handoff Figma → código, los design tokens, o el rol de UX engineer, este episodio es para ti.📍 CAPÍTULOS00:00 — Música intro00:06 — Cold open + Sarah debuta01:17 — Hook01:51 — Error 1: tokens sin escala02:42 — Error 2: overrides descontrolados03:27 — Error 3: naming inconsistente04:12 — Error 4: handoff Figma <> código (DS Sync)05:08 — Error 5: variantes innecesarias05:44 — Error 6: colores hardcodeados06:23 — Error 7: cero documentación07:00 — Regla de oro07:34 — Outro y próximo episodio📚 LIBRO"Construye tu Design System" en Amazon Kindle:https://tinyurl.com/4a7z36db🔌 PLUGIN MENCIONADODesign System Sync (free tier 5 exports):https://ds-sync.netlify.app🎧 EPISODIO RELACIONADO"Los 5 Principios UX/UI" (el más escuchado del podcast)🚀 PRÓXIMO EPISODIOTokens W3C en 5 pasos. Estructura tus tokens igual que Apple, Adobe o GitHub.📺 CONTACTOYouTube: @uxuiconexioncreativa