Colorful digital network diagram showing tasks, workflows, processes, and results interconnected with glowing lines and nodes

Del Sketch al escritorio: Píldora 2 – El Mapa y el primer paso: el Disparador

Este post es la continuación del post del Sketch al escritorio , si lo lees completo entenderás en que consiste la integración. En cualquier caso, 📅  ayer os enseñaba el boceto a mano alzada del caso de uso de un proyecto de integración que voy a desarrollar a lo largo de una semana completa.

Caso de Uso : IA
Caso de Uso : IA

Hoy paso del sketch a la pantalla 🖥️ y además abordare el primer reto técnico que se presenta ¿Cómo iniciar el proceso sin fricción?

Del sketch📝 a la pantalla 🖥️

Partiendo de la idea del Sketch presentado en el post anterior, he utilizado Gemini 3.1 PRO con un Prompt Multimodal en el que incorporo los siguientes elementos:

  • La imagen del sketch inicial.
  • El máximo contexto posible añadiendo un buen número de detalles. 
  • El stack de tecnologías que me gustaría utilizar:
    • Gmail para interactuar.
    • Make para integrar y orquestar las piezas.
    • Node.js para el servidor local
    • El IDE de Arduino para la integración física, vía la conexión por puerto serie.
  • Indicaciones de que me haga todas las preguntas necesarias, sobretodo en caso de ambigüedad, pero que tenga claramente definido el sistema.
  • Solicito explicitamente que me entregue un plan de implementación.

En un segundo Prompt añado la herramienta de “Crear Imagen” y añado más especificaciones de como me gustaría ver ahora el esquema, y le pido el esquema refinado con el siguiente resultado:

El esquema potenciado con IA
El esquema potenciado con IA

A partir de este esquema comienzo a trabajar en la implementación, y me enfrento al primer problema…

El primer reto 📱¿Cómo iniciar el proceso?

✉️ La respuesta es simple: un correo electrónico. En este sistema, un simple email actuará como el «disparador«. 

Para capturarlo, quiero utilizar Make, pero ahí es donde está el primer problema, ¿Cómo hago que Make este escuchando a Gmail para que nada más llegar el correo se dispare el flujo?

Gmail no me da esa funcionalidad, no lo permite por seguridad … ¿? … preguntemos a la IA🤖: La respuesta prácticamente automática es usar Make configurando un WebHook.

Make se quedará «escuchando» en la sombra, y en cuanto entra el correo con el asunto y las instrucciones clave, extrae el texto y da el pistoletazo de salida al resto del circuito. Lo increíble de configurar esto en Make es que el entorno de desarrollo es puramente visual. Construyes la lógica arrastrando módulos. Lo único que nos queda es vincular el correo de Gmail que quiero utilizar como receptor de las peticiones, y realizar la configuración de reenvío de correo automática al WebHook de Make.

El primer reto
El primer reto

En resumen, primer problema resuelto… Ahora puedo enviar un correo a la dirección de correo Gmail de mi Agente y llega sin problemas a Make que lo captura al instante.

Mañana os presento al «equipo» que toma el relevo una vez que Make recibe ese correo. 🤖👇 y que serán mis agentes en Claude de Anthropic

#Make #WebHooks #Automatizacion 

Caso de Uso : IA

Del sketch al escritorio: Cómo la IA te ayuda a dar vida a tus ideas

Sé sincero ✋. ¿Cuántas veces has esbozado la solución perfecta a un problema en una libreta, en un post-it, o en la mítica servilleta de cafetería… y luego la has abandonado por la pura pereza de «pasarla a limpio»?

Como profesionales atrapados en la cultura de la prisa y la burocracia, sabemos que nuestro cerebro va a mil por hora, pero nuestras herramientas digitales a veces nos frenan. Los que defendemos el Visual Thinking tenemos claro que la magia, la verdadera arquitectura de un sistema, nace en el caos de los trazos de nuestros esquemas iniciales.

El problema es la fricción. El esfuerzo de sentarse frente a la pantalla a arrastrar cajas y alinear flechas no aporta valor y en términos Lean, es puro muda (desperdicio).

Pero con la IA y sobre todo con la multimodal las reglas del juego han cambiado completamente.

🪄 La magia de la IA multimodal: La IA puede «ver» y “escuchar”

La Inteligencia Artificial supera ampliamente la barrera del texto. Ahora comprende el espacio, interpreta el caos de nuestras líneas y entiende la lógica detrás de nuestros sketches.

Para demostrar que esto no es teoría de manual, esta semana voy a construir en vivo un caso de uso real. Vamos a ir desde un sketch inicial hasta llegar incluso a la electrónica física utilizando iterativamente tres herramientas:

1. La captura del caos. El uso de bocetos e ideas. 

Caso de Uso : IA
Caso de Uso : IA

Todo empieza donde siempre: en un sketch, ya sea en papel o en nuestro iPad. Sin filtros, sin mucho más software. Solo con la idea cruda.

2. El Prompt visual. El análisis de la realidad.

Subimos una imagen a la IA. No le pedimos que «transcriba», le pedimos que comprenda. La IA infiere las conexiones, organiza flujos, nos devuelve estructuras técnicas listas para ser desarrolladas. Adiós al muda, resultados prácticamente directos. 

3. La ejecución. Implementación de software y hardware asistida.

A partir de esquemas, vamos a orquestar diferentes ecosistemas con diferentes herramientas que conectaran mundos diferentes. En el caso de uso que os mostraré encontraremos los siguientes:

  • Un Webhook que capturatrá un correo entrante con instrucciones clave.
  • Una orquestación que utilizará tres agentes de IA: un Investigador, un Redactor y un Director de Arte.
  • Estos agentes procesarán la información y devolverán el trabajo hecho: un post estructurado y el prompt exacto para el sketchnote que lo acompañará.
  • El toque final: A través del puerto serie de mi Mac, el sistema se comunicará con una pequeña placa Arduino que tengo en mi escritorio. Encenderá unos LEDs y emitirá un pitido. El mundo digital avisando al mundo físico de que el trabajo está terminado.

🔩 El caso de uso

El caso de uso es el que mostraba cuando hablaba de la captura del caos. La idea es que desde mi móvil envíe un mensaje a un agente para crear un post para mi blog. Esto desencadenará la llamada a los modelos de IA que necesite y cuando termine el procesamiento el sistema me retornara al correo el resultado. Adicionalmente, durante el proceso utilizaré un Arduino para que me vaya mostrando las fases del proceso vía LEDs y una señal sonora.

A lo largo de los próximos días, voy a abrir el capó de este caso de uso o maqueta. Publicaré píldoras técnicas desgranando cada paso (Webhooks, orquestación, integración de hardware) y terminaremos con un vídeo del sistema en plena acción.

La tecnología solo tiene sentido si nos ahorra tiempo y nos hace la vida más fácil. La IA no se queda atrapada en tu pantalla, te mostraré como enciende unos pequeños e inofensivos LEDs, pero como bien sabes en la actualidad se está utilizando en armas autónomas en conflictos armados reales.

¿Qué proceso real automatizarías tú? Te leo en comentarios 👇.

Stone path through forest with daytime greenery and nighttime glowing sparks

Podcast Episode: Sistemas de Pensamiento Visual

Juan: La hoja en blanco: ese momento en que tu cerebro decide que mirar el techo es más productivo que empezar a dibujar.

Elena: Hoy exploramos cómo el pensamiento visual y la inteligencia artificial pueden convivir sin que una aplaste a la otra, de la mano de jrgsanta en Don’t Give up! Empecemos por los sistemas de pensamiento visual.

Sistemas visuales: IA como acelerador, no como sustituto

Juan: La pregunta central aquí es cuándo la IA deja de ser una herramienta y empieza a ser una muleta. Hay una diferencia importante entre usarla para arrancar y dejar que marque el camino completo.

Elena: El post lo sitúa muy bien desde el principio: «El problema no es la falta de información, es el exceso y la necesidad instintiva y dolorosa de nuestro cerebro intentando evitar la incomodidad de no tener una respuesta inmediata.»

Juan: O sea, el bloqueo no es ignorancia, es sobrecarga. Y la IA puede ayudar a descomprimirla, pero solo si sabes exactamente para qué la estás usando.

Elena: Exacto. El post aplica la teoría de los dos sistemas de Kahneman al trabajo visual. El Sistema 1 es rápido e intuitivo; la IA encaja ahí perfectamente. Propone tres usos concretos: extraer los conceptos clave de un documento técnico largo, generar metáforas del mundo real para ideas abstractas, y pedir a la IA que describa qué elementos visuales colocaría en cada zona de la hoja antes de dibujar nada.

Juan: Tres formas de romper el hielo sin que el hielo te rompa a ti.

Elena: Pero el post es claro sobre el límite de ese enfoque: el resultado es, en sus palabras, «estadísticamente promedio». Útil, correcto, pero no brillante.

Juan: Y ahí llega la advertencia que realmente importa: si siempre dejas que el algoritmo dé el primer paso, el músculo del pensamiento propio se atrofia. Pasas de creador a corrector de ideas ajenas.

Elena: Por eso el post defiende el Sistema 2, el pensamiento lento. Garabatos, borrones, conexiones que no aparecen en ninguna documentación pero que tú sabes que funcionan. Ese destello, dice el texto, «es el resultado de la fricción de tu cerebro luchando contra la hoja en blanco.»

Juan: La fricción como característica, no como fallo del proceso.

Elena: La conclusión es equilibrio con intención: usa la IA para derribar el muro inicial, pero oblígate, de vez en cuando, a mirar la hoja en silencio antes de consultar al oráculo digital. El valor humano está en seleccionar, conectar y darle alma al resultado.

Juan: Y la próxima vez que el pensamiento visual encuentre a la inteligencia artificial, ya sabremos quién debe llevar el rotulador.


Elena: La incomodidad de la hoja en blanco como herramienta competitiva. Es una forma de ver el bloqueo que cambia bastante la relación con el proceso creativo.

Juan: Hasta la próxima, donde seguramente habrá más hojas en blanco esperando ser apropiadas.

De Monolitos a Agentes Autónomos

El ecosistema vivo

De Monolitos a Microservicios y Agentes Autónomos

Explicar la arquitectura de nuestros sistemas a un comité de dirección o a los stakeholders de negocio suele ser un reto. Tradicionalmente, la tecnología ha sido percibida como una caja negra inescrutable. Sin embargo, si queremos tener éxito en la transición hacia la Inteligencia Artificial, necesitamos que todos entiendan cómo están evolucionando las infraestructuras. No podemos gestionar lo que no podemos visualizar.

Imagina la evolución de nuestros sistemas como la transformación de una ciudadela antigua en una metrópolis moderna.

De Monolitos a Agentes Autónomos
De Monolitos a Agentes Autónomos

🪨 El Monolito

La Fortaleza de Piedra Durante años, hemos construido Sistemas Monolíticos. Visualízalo como un enorme y pesado bloque de piedra, robusto y unificado. En su interior, la interfaz, la lógica de negocio y los datos están completamente fusionados. Es seguro y soporta el peso de las transacciones diarias (nuestro Core), pero tiene un problema fundamental: la fricción y está cubierta de Deuda Técnica. Si quieres actualizar una sola ventana de esta fortaleza, tienes que paralizar toda la estructura. Moverlo es lento, pesado y arriesgado.

Seguimos manteniendo sistemas Legacy pero el reto está en ir transformándolos.

🔺 Microservicios y APIs

La Flota Ágil Para ganar velocidad, rompimos la piedra. Pasamos a ecosistemas de Microservicios. Imagina ahora una flota coordinada de pequeñas naves espaciales o bloques de Lego de colores. Cada bloque es independiente, hace una sola tarea a la perfección y se comunica con los demás mediante rayos de luz precisos (las APIs).

Esta arquitectura nos da agilidad: si una pieza necesita actualizarse, se cambia sin detener al resto de la flota. Y ahora estos sistemas pueden utilizar IA o ser sustituidos directamente por agentes IA.

🤖 Agentes de Inteligencia Artificial. Los Sherpas Digitales

De hoy en adelante, la arquitectura da un salto mucho más ambicioso. Ya no solo tenemos piezas reactivas, estamos incorporando Agentes de IA. Visualízalos como pequeños sherpas especializados que orbitan como drones alrededor de los usuarios y de las bases de datos.

Un asistente conversacional que navega por la documentación corporativa sin tocar los sistemas transaccionales, o agentes generados en entornos como Copilot 365 que asumen tareas específicas de forma casi autónoma.

💬 El mensaje para la dirección

La adopción de esta arquitectura híbrida e inteligente es inevitable. El éxito no radica en destruir la fortaleza de piedra de la noche a la mañana, sino en controlar esta transición con inteligencia. Nuestro reto como líderes es equilibrar la balanza: acelerar la velocidad de adopción de estas nuevas herramientas modulares, mientras garantizamos una seguridad extrema que proteja la confianza de nuestros usuarios.

La agilidad nos permite competir, la seguridad y la confianza nos permiten sobrevivir.

Misión Producto #CLD2026

Por qué la prisa es el mayor enemigo de tu producto 

¿Cuántas veces has visto fracasar un proyecto en la fase de producción porque en la etapa de diseño inicial no había tiempo para pensar?

Vivimos intoxicados por la cultura de la urgencia. Confundimos movernos rápido con avanzar. Saltamos de reunión en reunión, y nos ponemos a trazar líneas y modelar sin haber entendido realmente el problema. Es la tiranía de la actividad vacía. Y el resultado siempre es el mismo: procesos fallidos, perdida de recursos y un estrés brutal para el equipo.

¿Realmente crees que esa es la forma de crear productos competitivos hoy en día?

Ver para entender

Aquí es donde entra en juego el Visual Thinking. Y no, no hablo de hacer dibujitos bonitos en una libreta. Hablo de estrategia. Hablo de mapear la complejidad.

Cuando usamos herramientas visuales, obligamos a nuestro cerebro a frenar, a utilizar la Slow Productivity. Dibujar un proceso de desarrollo o las especificaciones de un producto en un lienzo visual nos permite encontrar los cuellos de botella antes de que cuesten dinero en producción. Si no somos capaces de dibujar nuestro proceso de forma sencilla, siento decírtelo pero probablemente nuestro proceso es un caos.

Las 4 capas del Lean Design

Dibujar el problema está genial para encontrar la mejor perspectiva, pero necesitamos un marco de trabajo sólido, una metodología que funcione. Ahí es donde el Lean Design se convierte en la solución que nos permite alcanzar la luna, y lograr el éxito de nuestro proyecto.

Misión Producto #CLD2026
Misión Producto #CLD2026

El Lean Design va de maximizar el valor y eliminar el desperdicio desde el minuto cero. En lugar de improvisar, estructuramos nuestro pensamiento en 4 capas, un concepto que tuve el inmenso lujo de mapear como Facilitador Gráfico en la primera edición del #CLD2 del año pasado:

  • Capa Core: La base de todo. Diseñar sin ambigüedades. Si la base técnica no es clara, todo se derrumba en cadena.
  • Capa de Calidad: Prevenir defectos antes de que ocurran. La calidad se diseña desde el inicio, no se inspecciona al final de la línea.
  • Capa de Fiabilidad: Crear productos robustos en los que el cliente pueda confiar ciegamente a largo plazo.
  • Capa de Agilidad: Porque los imprevistos van a ocurrir. Necesitamos equipos eficientes y adaptables. Y sí, si crees que la agilidad es solo para el software, te vas a llevar una sorpresa.

Fijar estas cuatro capas de forma visual en la mente de tu equipo cambia las reglas del juego. Pasamos de ser bomberos a ser verdaderos estrategas del producto.

Tu próximo reto: CLD2026 🚀

La teoría es muy fácil de leer, pero la verdadera magia ocurre cuando la ves en acción, contada por quienes la aplican a diario.

El próximo 21 de mayo de 2026, Zaragoza volverá a ser el epicentro de la excelencia en diseño y desarrollo de producto industrial con el Congreso Lean Design (CLD2026) en el World Trade Center. Te aseguro de primera mano que la energía que se respira allí y el conocimiento que comparten los expertos, transforman tu forma de trabajar para siempre.

Si diseñas productos, si lideras equipos de desarrollo, o si simplemente estás cansado de que los proyectos se conviertan en un pozo de burocracia y estrés… tienes que estar ahí. Las plazas están estrictamente limitadas a 100 profesionales, porque no es un evento masivo, es una convergencia de mentes inquietas.

👉 Haz clic aquí y asegura tu entrada para el Congreso Lean Design 2026 antes de que vuelen.

¿Vas a seguir rediseñando por culpa de las prisas, o vas a dar el paso definitivo hacia el diseño inteligente?

Te leo en comentarios 👇. ¡Y recuerda… Don’t Give up!