Conecto las necesidades de las personas y del negocio con recorridos, roles y decisiones que pueden comprenderse y usarse.
Ver proyectos
Diseño sistemas digitales que conectan investigación, interfaz y código.
Ver proyectosManuel García-Llera Añón
Empecé diseñando marcas y espacios. Hoy investigo, prototipo y construyo productos digitales.
Lo que hago
Investigo, estructuro y prototipo en Figma. Trabajo con Atomic Design para que tokens, componentes y estados formen un sistema reutilizable.
Ver proyecto
Llevo las decisiones al navegador con Angular o Next.js y compruebo qué ocurre cuando aparecen datos, permisos, accesibilidad y rendimiento reales.
Ver proyecto
Me interesa cómo la materialidad, la percepción y la tecnología cambian nuestra relación con una interfaz y nuestra forma de decidir.
Leer artículo
Comparo distintas IAs y utilizo flujos con MCP para explorar, automatizar e implementar, manteniendo humanas la dirección y la responsabilidad.
Ver proyecto
Práctica complementaria. Diseño y visualizo espacios trabajando con volumen, materialidad, luz y escala; una mirada física que también mejora cómo pienso las interfaces.
Ver contexto
«Cada principio es el momento ideal para cuidar atentamente que los equilibrios queden establecidos de la manera más exacta.»
Frank Herbert · Dune
Enfoque
Diseño y construyo productos digitales para que la complejidad se pueda entender, usar y discutir. Investigo qué ocurre cuando las interfaces —y la IA dentro de ellas— participan en nuestras decisiones.
Aprender a desarrollar me ha ayudado a mirar el diseño con más profundidad. Cuando planteo una pantalla, también me pregunto qué datos necesita, quién puede modificarlos y qué ocurre si algo falla. Entender esas relaciones me permite discutir las soluciones con ingeniería y comprobar si lo que he diseñado funciona de verdad.
En mi día a día trabajo con distintas inteligencias artificiales. Llevo meses probando cómo responden, dónde me ayudan y en qué se equivocan. Después de una etapa utilizando principalmente Claude, ahora trabajo más con Codex: en mis proyectos estoy encontrando la estabilidad y la capacidad de resolución que necesito. Sigo contrastando sus respuestas; elegir una herramienta no significa dejar de revisar sus resultados.
Diseño que se siente.
Casos seleccionados
Del problema al producto, sin perder el hilo.
Cada caso muestra qué había que entender, qué decisiones tomé y cómo llegaron a un sistema que puede probarse.
Ver todos los proyectosBuy&Sell Marketplace
Dirección UX/UI, sistema de diseño e implementación frontend de los flujos de registro y perfilVer caso de estudio
Marketplace tecnológicoDiseño, producto y sistema full stack. De la investigación al código.En un marketplace construido en equipo, conecté la dirección UX/UI, el sistema de diseño y la implementación frontend que asumí.Lead UX/UI y portavoz del equipo · sistema de diseño · implementación frontend de registro y perfilHerramientas y tecnologías utilizadasFigmaAngularNode.jsExpressBootstrapMySQLNext.js
Marketplace tecnológicoDiseño, producto y sistema full stack. De la investigación al código.En un marketplace construido en equipo, conecté la dirección UX/UI, el sistema de diseño y la implementación frontend que asumí.Lead UX/UI y portavoz del equipo · sistema de diseño · implementación frontend de registro y perfilHerramientas y tecnologías utilizadasFigmaAngularNode.jsExpressBootstrapMySQLNext.js
Portada
Caso en evolución
LaLiga Hub de Clubes
Ver caso de estudioAcceso restringido
Diseño de productoCaso de diseño de producto con acceso privado.Caso de diseño de producto con acceso privado.Dirección de producto y diseño UX/UIHerramientas y tecnologías utilizadasFigmaReactNext.jsTypeScriptTailwind CSS
Diseño de productoCaso de diseño de producto con acceso privado.Caso de diseño de producto con acceso privado.Dirección de producto y diseño UX/UIHerramientas y tecnologías utilizadasFigmaReactNext.jsTypeScriptTailwind CSSExperimental
Coordination Hub
Dirección de producto, arquitectura de decisión y definición de los contratos de supervisión humano‑IAVer caso de estudio
Human–AI coordinationTrazabilidad, revisión independiente y autoridad humana.Un espacio para coordinar el trabajo con varias IAs y entender qué ha propuesto cada una, qué se ha revisado y qué decisión me corresponde tomar.Dirección de producto, arquitectura de decisión, especificación y revisión independiente del códigoHerramientas y tecnologías utilizadasNode.jsMCPJSONLZodClaudeOpenAI/Codex
Human–AI coordinationTrazabilidad, revisión independiente y autoridad humana.Un espacio para coordinar el trabajo con varias IAs y entender qué ha propuesto cada una, qué se ha revisado y qué decisión me corresponde tomar.Dirección de producto, arquitectura de decisión, especificación y revisión independiente del códigoHerramientas y tecnologías utilizadasNode.jsMCPJSONLZodClaudeOpenAI/Codex
Portada
Caso en evolución
TheUXUnion
Visión de producto, dirección visual, arquitectura de la experiencia y desarrollo del MVPVer caso de estudio
Design communityUna comunidad de diseño basada en proyectos, aprendizaje y contribuciones.Estoy explorando una comunidad de diseño donde la reputación se lea a través de proyectos, aprendizaje y contribuciones situadas.Fundador, dirección de producto, identidad, UX/UI e implementaciónHerramientas y tecnologías utilizadasFigmaReactNext.jsTypeScriptTailwind CSS
Design communityUna comunidad de diseño basada en proyectos, aprendizaje y contribuciones.Estoy explorando una comunidad de diseño donde la reputación se lea a través de proyectos, aprendizaje y contribuciones situadas.Fundador, dirección de producto, identidad, UX/UI e implementaciónHerramientas y tecnologías utilizadasFigmaReactNext.jsTypeScriptTailwind CSS
Portada
NudeProject
Mi contribución: diseño de experiencia, componentes y prototipo móvilVer caso de estudio
Moda y cultura digitalVestir una identidad. Diseñar cómo se vive.En este TFM exploré cómo reunir moda, comunidad y compra en una experiencia móvil que se pueda recorrer sin perderse.Diseño UX/UI y prototipado en equipoHerramientas y tecnologías utilizadasFigmaAdobe CC
Moda y cultura digitalVestir una identidad. Diseñar cómo se vive.En este TFM exploré cómo reunir moda, comunidad y compra en una experiencia móvil que se pueda recorrer sin perderse.Diseño UX/UI y prototipado en equipoHerramientas y tecnologías utilizadasFigmaAdobe CC
Portada
BLOG INVESTIGACIÓN Y PRÁCTICA
Ideas que continúan después del proyecto.
HCI · Cultura material
Del objeto a la interfaz: lo que perdemos cuando desaparece la materia
2 min de lecturaSistemas de diseño
Sistemas de diseño que sobreviven de Figma al código
1 min de lecturaIA · Práctica
Colaborar con IA sin diluir autoría ni responsabilidad
1 min de lecturaProducto · Complejidad
Interfaces para roles, estados y decisiones complejas
1 min de lecturaContacto
Hablemos.
Si crees que mi forma de trabajar encaja en tu equipo, o tienes un producto o una investigación que quieras desarrollar, me gustaría conocerlo. Cuéntame qué necesitas y en qué punto estás. Leeré tu mensaje personalmente.
También puedes encontrarme en LinkedIn