[{"data":1,"prerenderedAt":263},["ShallowReactive",2],{"layout-profile":3,"workflow-page-es":13},{"title":4,"acf":5,"featured_image":11},"Pablo Goris",{"actual_job":6,"role":7,"hero_title":8,"headline":9,"description":10},"Designer at Alea","Senior Product Designer","Hello! I'm Pablo","Designing clarity across products, systems and evolving workflows by combining UX, product thinking and AI accelerated execution to turn complex ideas into scalable experiences with real business impact.","",{"url":12,"alt":4},"/media/2026/02/pablo.webp",{"header":14,"journey":17,"flow":86,"roles":243},{"title":15,"subtitle":16},"Un proceso claro, de la iniciativa a producción.","Cómo trabajo con Digital Workers. Las personas entienden el problema, deciden y validan. Los Digital Workers construyen con el sistema de diseño publicado, y cada paso con riesgo pasa por una puerta humana antes de seguir.",{"eyebrow":18,"title":19,"intro":20,"thesis":21,"thesisMuted":22,"orLabel":23,"phases":24,"ctaText":84,"ctaLabel":85},"En un vistazo","El recorrido completo","Cinco fases. Toda iniciativa empieza igual y solo se bifurca al construir: o se resuelve con lo que ya tiene el sistema de diseño, o se crea o modifica un componente.","Las personas deciden y validan.","Los Digital Workers preparan propuestas, construyen y documentan.","o bien",[25,40,52,64,73],{"label":26,"title":27,"goal":28,"steps":29},"Fase 1","Entender","Qué problema hay y para quién.",[30,34,37],{"title":31,"who":32,"kind":33},"Llega la iniciativa","PO · Product Lead","person",{"title":35,"who":36,"kind":33},"Analizar la iniciativa","Product Designer",{"title":38,"who":39,"kind":33},"Research","Product Designer, con apoyo de un Digital Worker",{"label":41,"title":42,"goal":43,"steps":44},"Fase 2","Decidir","Qué propuesta resuelve la iniciativa.",[45,49],{"title":46,"who":47,"kind":48},"Preparar propuestas","Digital Worker, dirigido por el Product Designer","dw",{"title":50,"who":36,"kind":51},"Decidir el camino","gate",{"label":53,"title":54,"goal":55,"branch":56,"steps":57},"Fase 3","Construir","Con el sistema, nunca dibujado a mano.",true,[58,61],{"title":59,"who":60,"kind":48},"A · Iterar pantallas","Digital Worker · Iteraciones",{"title":62,"who":63,"kind":48},"B · Evolucionar componentes","Digital Worker · Sistema de diseño",{"label":65,"title":66,"goal":67,"steps":68},"Fase 4","Validar","Dos miradas humanas antes de seguir.",[69,71],{"title":70,"who":36,"kind":51},"Aprobar",{"title":72,"who":32,"kind":51},"Segunda validación",{"label":74,"title":75,"goal":76,"note":77,"steps":78},"Fase 5","Publicar","Solo cuando ha cambiado el sistema.","Una iteración del camino A termina en la fase 4.",[79,81],{"title":80,"who":36,"kind":51},"Publicar la librería",{"title":82,"who":83,"kind":33},"Implementar","Front-end","Debajo, el mismo recorrido paso a paso: quién hace cada cosa y dónde decide una persona.","Ver el flujo en detalle",{"eyebrow":87,"title":88,"intro":89,"lanes":90,"columns":98,"steps":104,"paths":136,"band":231},"El flujo en detalle","De la iniciativa a producción, paso a paso","Recorre la entrada hasta la decisión y elige un camino al final. El camino se abre a continuación, y desde la barra de arriba puedes volver al principio o pasar al otro. Pulsa cualquier paso para ver qué pasa en él.",[91,92,93,95,97],{"label":32,"kind":33},{"label":36,"kind":33},{"label":94,"kind":48},"Iteraciones",{"label":96,"kind":48},"Sistema de diseño",{"label":83,"kind":33},[99,100,101,102,103],"1 · Iniciativa","2 · Análisis","3 · Research","4 · Propuestas","5 · Decisión",[105,110,115,120,127,131],{"num":106,"lane":107,"col":107,"role":32,"title":31,"hint":108,"detail":109},"01",0,"el problema y para quién","La trae el PO o el Product Lead. Puede ser una pantalla, un cambio en un componente o una necesidad que aún no tiene componente. No tiene por qué nombrar ninguna pieza del sistema, pero sí tiene que traer el problema, para quién es y qué se espera conseguir.",{"num":111,"lane":112,"col":112,"role":36,"title":35,"hint":113,"detail":114},"02",1,"alcance y objetivo","El Product Designer convierte la iniciativa en preguntas: qué problema resuelve, para quién, qué se sabe ya y qué falta por saber. De aquí sale el plan de research.",{"num":116,"lane":112,"col":117,"role":36,"title":38,"hint":118,"detail":119},"03",2,"lo dirige una persona","El research es trabajo de UX y lo dirige el Product Designer. Un Digital Worker puede ayudar a buscar referencias o a sacar datos cuantitativos, siempre a petición. La interpretación y las conclusiones son del Product Designer.",{"num":121,"lane":122,"col":117,"support":56,"role":123,"title":124,"hint":125,"detail":126},"·",3,"Digital Worker · apoyo","Búsqueda y datos","a petición","Es apoyo al research, no un paso propio. El Digital Worker entrega lo que se le pide (búsquedas, datos cuantitativos, resúmenes de fuentes) y el Product Designer decide qué hacer con ello.",{"num":128,"lane":122,"col":122,"role":63,"title":46,"hint":129,"detail":130},"04","las dirige el Product Designer","Con lo que ha salido del research, el Digital Worker prepara propuestas de solución a partir del sistema de diseño: lee el registro de la librería y el documento de cada componente candidato, y monta las alternativas. Las dirige el Product Designer, que decide qué se explora, pide cambios y descarta. El Digital Worker propone; no decide. Así una petición como «añade un desplegable» llega a la decisión como opciones concretas, por ejemplo un split button de la familia Button frente a una variante de Select.",{"num":132,"lane":112,"col":133,"gate":56,"role":36,"title":50,"hint":134,"detail":135},"05",4,"A: iterar · B: evolucionar","Si todo existe, sigue por el camino A, iterar pantallas. Si hay que crear un componente nuevo o modificar uno existente, por el B, evolucionar componentes. Los cambios estructurales (renombrar, añadir o quitar variantes, convertir un frame en componente, borrar, o cualquier cosa que afecte a muchas instancias) se aprueban aquí, antes de construir. Lo menor, como una descripción o una captura, sigue y se comunica después.",[137,187],{"key":138,"label":139,"title":140,"meta":141,"lane":117,"columns":142,"steps":147,"notes":182},"A","Camino A","Iterar pantallas","7 pasos · termina en la validación",[143,144,145,54,146,70,66],"Brief","Comprobar","Componer","Verificar",[148,153,158,163,168,173,178],{"num":149,"lane":112,"role":36,"title":150,"hint":151,"detail":152},"A1","Escribir el brief","con la librería activada","El brief sale del research y se escribe en el archivo del equipo, nunca en la librería. Con @ se referencia un componente, una variable o un estilo. No tiene que ser perfecto: el Digital Worker hará una única pregunta concreta si falta algo que cambia la maquetación. Sobre estructura y anidamiento, en cambio, tiene que ser inequívoco.",{"num":154,"lane":117,"role":60,"title":155,"hint":156,"detail":157},"A2","Comprobar el terreno","parar si falta la librería","Antes de dibujar nada, comprueba que la librería está activada en el archivo. Sin ella, las piezas se ven casi invisibles porque faltan las variables de tema. Si está desactualizada y falta un template, se para y pide que se vuelva a publicar, en lugar de construir una versión parcial.",{"num":159,"lane":117,"role":60,"title":160,"hint":161,"detail":162},"A3","Componer, no dibujar","template → patrón → átomos","Usa la pieza de mayor nivel que encaje y baja desde ahí. Una pantalla completa parte de un template, la UI compuesta sale de los patrones y los átomos solo van donde no existe nada de nivel superior. Montar a mano con átomos algo que el sistema ya ofrece en una pieza es la infracción.",{"num":164,"lane":117,"role":60,"title":165,"hint":166,"detail":167},"A4","Construir y rellenar","el esqueleto por la API","El esqueleto pasa siempre por la API: importar por key, instanciar y desvincular cuando haga falta, pero nunca reconstruir. Después van el texto real, los valores reales y las variantes correctas, sin nada que el brief no haya pedido.",{"num":169,"lane":117,"role":60,"title":170,"hint":171,"detail":172},"A5","Verificar y devolver","procedencia + lo que falta","Hace una captura y la compara con el brief. La comprobación mira de dónde sale cada cosa más que cómo se ve: si la página viene de un template, si la tabla es la del kit, si se mantiene el gutter. Devuelve un frame con nombre y fecha, las piezas que usa y todo lo que el brief necesitaba y el sistema no tenía. Eso es lo que abre el camino B.",{"num":174,"lane":112,"role":36,"title":175,"hint":176,"detail":177,"gate":56},"A6","Aprobar la iteración","primera validación","El Product Designer revisa la iteración contra el research y el brief. Solo lo que aprueba llega a producto.",{"num":179,"lane":107,"role":32,"title":72,"hint":180,"detail":181,"gate":56},"A7","contra la iniciativa","El PO o el Product Lead revisa la iteración ya aprobada y la contrasta con la iniciativa que abrió el flujo. La acepta o la devuelve.",[183,185],{"from":179,"to":149,"label":184},"rechazo → volver al brief",{"from":169,"to":164,"label":186},"falla la verificación → reconstruir",{"key":188,"label":189,"title":190,"meta":191,"lane":122,"columns":192,"steps":196,"notes":226},"B","Camino B","Evolucionar componentes","7 pasos · llega a producción",[193,146,194,70,66,75,195],"Crear","Documentar","Consumir",[197,202,206,210,215,218,222],{"num":198,"lane":122,"role":63,"title":199,"hint":200,"detail":201},"B1","Crear en el sistema","con lo que ya existe","El componente se construye dentro de la librería a partir de los que ya existen, poco a poco y con un paso verificable cada vez. No se vuelve a dibujar nada que el sistema ya tenga.",{"num":203,"lane":122,"role":63,"title":146,"hint":204,"detail":205},"B2","renderizar, luego leer","Una captura más una lectura estructural de cada variante: a qué token se vincula cada estado, sin formas sueltas, sin primitivas, sin instancias desvinculadas y sin depender de otra librería. Un cambio no está terminado cuando el script termina, sino cuando se ha inspeccionado el resultado.",{"num":207,"lane":122,"role":63,"title":194,"hint":208,"detail":209},"B3","en la misma tarea","El documento del componente y el registro se actualizan en la misma tarea que el cambio en Figma, nunca después. Una documentación que se actualiza más tarde es una documentación en la que nadie confía.",{"num":211,"lane":112,"role":36,"title":212,"hint":213,"detail":214,"gate":56},"B4","Aprobar el cambio","componente y documento","El Product Designer revisa el componente y su documentación juntos, contra el research que abrió el cambio.",{"num":216,"lane":107,"role":32,"title":72,"hint":180,"detail":217,"gate":56},"B5","El PO o el Product Lead contrasta el cambio aprobado con la iniciativa original. Si lo rechaza, se vuelve a las propuestas y no a construir: si se eligió mal la solución, construir más rápido no lo arregla.",{"num":219,"lane":112,"role":36,"title":80,"hint":220,"detail":221,"gate":56},"B6","siempre una persona","Publica una persona. El Digital Worker no puede, y es a propósito: publicar es lo que hace que un cambio llegue a la vez a todos los archivos que usan la librería. Hasta entonces, la key no resuelve en ninguna parte.",{"num":223,"lane":133,"role":83,"title":82,"hint":224,"detail":225},"B7","key publicada + contrato","La mitad visual sale de Figma: medidas, la variable de cada propiedad y la descripción del componente. La mitad del contrato sale de la documentación. Nunca se reconstruye un componente a partir de valores: se instancia la key publicada.",[227,229],{"from":216,"to":128,"label":228},"rechazo → volver a las propuestas",{"from":203,"to":198,"label":230},"falla → reconstruir",{"label":232,"rows":233},"Lo que leen los Digital Workers",[234,237,240],{"title":235,"text":236},"Librería publicada · «DS Library»","Lo único con lo que se compone una pantalla. Se importa por su key publicada.",{"title":238,"text":239},"Skill propio · «/figma-agent»","El del Digital Worker de iteraciones: jerarquía de construcción, receta de clonar y desvincular, regla del padding y checklist.",{"title":241,"text":242},"Registro y documentación","El del Digital Worker del sistema de diseño: las keys, nodos y ejes de cada componente, y un documento por componente con anatomía, tokens y accesibilidad.",{"eyebrow":244,"title":245,"intro":246,"items":247},"Responsabilidades","Quién hace qué, y qué no hace nunca","Por eso las puertas están donde están.",[248,251,254,257,260],{"kind":33,"title":32,"does":249,"never":250},"Trae la iniciativa y hace la segunda validación.","Nunca edita la librería.",{"kind":33,"title":36,"does":252,"never":253},"Analiza, dirige el research, decide el camino, aprueba cada iteración y cada cambio, y publica.","Nunca publica nada sin verificar.",{"kind":48,"title":94,"does":255,"never":256},"Monta pantallas con la librería publicada en el archivo del equipo y devuelve lo que falta.","Nunca toca la librería.",{"kind":48,"title":96,"does":258,"never":259},"Prepara propuestas con el sistema, construye en la librería, verifica y documenta en la misma tarea.","Nunca publica, ni renombra o borra sin aprobación.",{"kind":33,"title":83,"does":261,"never":262},"Implementa contra la key publicada y el contrato escrito.","Nunca copia valores de una captura.",1793895644436]