Saltar al contenido
John Morais

Diseño de producto, liderazgo y la serie Harness Design

Mesada vista desde arriba con un tendedero de hojas de papel en blanco, una bandeja de piezas de un kit, una mano encajando piezas en una plantilla de madera y un platito con piezas descartadas

11 · Lo más reciente de la serie

Harness Design en la práctica: cómo destrabar la fila de pantallas cuando no hay designer para todas

. Diseño, Inteligencia artificial.

  1. Artículo 10: Por qué Flutter tardó 25 días más: cerrando la base de tokens del Harness Design System

    El rollout de los tokens de Flutter en la app de Prolog fue el 24 de septiembre, y la release para quienes usan el producto salió esta semana. React ya estaba en producción, así que la base de tokens del Proyecto Harness Design System está cerrada en las dos stacks, con harness aplicado y tokens que un LLM puede consumir.

    Mesa oscura de noche bajo una lámpara ámbar: una cinta métrica se extiende más allá del alfiler que marca el fin estimado, con un tramo empalmado con hilo, y una silla vacía al fondo

  2. Artículo 9: Astryx resolvió el problema de la intención. El de Meta.

    Meta abrió Astryx, el design system que funcionaba internamente desde hace ocho años en trece mil aplicaciones, bajo licencia MIT. El diferencial que todos comentan es que fue construido para ser leído por un agente: un CLI que devuelve la documentación completa de cada componente, un manifiesto en JSON que describe todos los comandos y todas las props…

    Campo ordenado de semillas pequeñas e iguales y, en el centro, una semilla enorme, rosa y amarilla, de forma propia, con círculos pequeños dispuestos como ruedas

  3. Artículo 8: El rollout de los tokens con una capa de Harness Design

    Cerré el Hito 1 y el Hito 2 del Proyecto Harness Design System en los artículos anteriores. La base de tokens está lista, la gobernanza está definida, el schema de harness está aplicado en Figma.

    Mesa vista desde arriba con dos hojas de la misma pantalla lado a lado bajo la luz, una lupa entre ellas y una mano con una muestra de color; en un gancho, dos llaves casi iguales, una verde y otra gris

  4. Artículo 7: Lo que nadie te cuenta sobre liderar experimentos con IA

    Hay una parte de este trabajo que yo aún no había nombrado en los artículos anteriores. No es técnica. No aparece en un diagrama de flujo ni en un schema de tokens. Pero está presente todos los días del proyecto: la sensación de avanzar sin saber exactamente hacia dónde.

    Linterna en un poste, entre pasto oscuro en silueta, ilumina un mapa en blanco sobre un banquito, con un lápiz y dos alfileres, en neblina dorada y azul verdosa

  5. Artículo 6: Lo que la base de tokens escondió: cerrando el Hito 1 del Harness Design System

    Continuando la primera semana de dedicación exclusiva al proyecto, el trabajo fue todo en el Hito 1, que llamamos base técnica de tokens. Ya conté en los artículos anteriores por qué empezamos por ahí. Los tokens son la unidad más pequeña del sistema.

    Taller de tipografía en gouache: manos sobre una caja de tipos de madera con muchos compartimentos, entre rodillos de tinta, plantas en la ventana y un delantal colgado

  6. Artículo 5: El primer resultado: cómo definimos la gobernanza de los tokens del Harness Design System

    Nos aseguramos de resolver la gobernanza desde el principio, porque el objetivo nunca fue solo hacer que funcionara una vez. Era entregar una solución escalable, que otras personas del equipo puedan mantener después.

    Dos cuadrículas de azulejos, azul a la izquierda y naranja a la derecha, unidas azulejo a azulejo por hilos finos, con un azulejo naranja suelto, sin hilo, en la esquina inferior

  7. Artículo 4: Cómo los errores están guiando el Harness Design System

    Una conversación hoy con Gustavo Navarro, nuestro Engineering Manager, y Diogenes Vanzela, nuestro Group Product Manager, me hizo ver algo que estaba delante de nosotros desde el principio. El mapa de lo que necesitamos documentar en el Proyecto Harness Design System ya existía.

    Campo de hojas pequeñas e iguales en hileras, con tres tarjetas torcidas, amarilla, rosa y verde, plantadas en el medio y una hoja gigante cortada en la esquina

  8. El hilo continúa

    Serie completa: los artículos 1 a 3 y el índice de los 11

    Del más antiguo al más reciente, con resumen de cada uno.

  9. Quién escribe

    John Morais

    Product Design Manager en Prolog App desde 2025. Antes, de 2017 a 2024, en Clicksign, como Product Designer Senior, Product Design Lead y Product Design Manager.

    SobreLinkedIn

    John Morais