De diseñador a ingeniero

Agosto 14, 2024

En un mundo donde la tecnología no hace nada más que crecer y encontrar más formas de sorprendernos, los roles siguen estando en constante evolución. En el ámbito del diseño y la programación, últimamente se ha popularizado el término “design engineer” (ingeniero en diseño), un concepto que busca convertir al diseñador UI/UX y al desarrollador front-end en una sola persona. Gracias a empresas como Vercel, este rol está tomando cada vez más notoriedad debido a su enfoque en no solo crear interfaces estéticas y funcionales, sino también entender requerimientos técnicos.

De diseñador a ingeniero

Hace un par de meses conocí el término design engineer, y me di cuenta de que, sin intencionarlo, mis habilidades han mutado hasta considerarme uno.

Desde 2016 que he estado diseñando todos los días, pero mi primer acercamiento a la programación ocurrió hace poco. A comienzos de 2023, decidí inscribirme en el curso de Desarrollo Web de Le Wagon, una experiencia que me hizo enamorarme del mundo de la programación. Ahora con dos amores, el diseño y la programación, lo que me preocupaba era tener que elegir entre una u otra. Lo que no me esperaba era que ambas podrían congeniar, y de hecho, con mucha química.

Después de desarrollar varios proyectos de interfaces, decidí empezar a ofrecer ayuda para desarrollarlos. Tras varios meses de errores que no sabía cómo solucionar y muchas más PRs que me pedían revisar, eventualmente fueron siendo menos. Empecé a manejarme mejor, la falta de conocimiento técnico dejó de ser un problema y entendí que el diseño de interfaces va más allá de la estética y la funcionalidad; también tiene que responder otras preguntas como: ¿cuánto tiempo va a requerir implementar esto? ¿Empeorará el rendimiento? Y muchas otras preguntas que se escapan de lo que puedes hacer en un archivo de Figma.

Computador abriendo Figma

El proceso de aprendizaje continuo y la mezcla de disciplinas es lo que, en mi opinión, define a un design engineer. No solo es entender cómo diseñar una interfaz funcional y estética, sino también conocer sus limitaciones.

¿Qué es un design engineer?

En palabras simples, un design engineer, o ingeniero en diseño, es alguien que combina el diseño UI/UX con el desarrollo frontend.

Uno de los mayores precursores del término, Guillermo Rauch, CEO de Vercel, lo entiende como: "La ingeniería en diseño trata de diseñar con componentes reales, en el entorno en que se van a implementar. No trata de hacer que las cosas se vean bien, trata de hacer que funcionen bakán". Este enfoque garantiza que la implementación en código se conciba desde el inicio del diseño, asegurando que las soluciones sean efectivas y, más importantemente, viables.

La viabilidad en diseño y desarrollo

Ser un ingeniero en diseño (o design engineer) no es solo crear interfaces bonitas. Es crucial entender la viabilidad de las soluciones propuestas, considerando factores como los tiempos de entrega, las capacidades del equipo y las expectativas del cliente. Al igual que un arquitecto debe conocer lo que es físicamente posible antes de diseñar un edificio, en el diseño digital, el design engineer debe estar al tanto de las limitaciones y posibilidades técnicas desde el inicio.

Arquitecto haciendo planos

Este conocimiento técnico no solo mejora la eficiencia del equipo, sino que también permite anticipar problemas antes de que se conviertan en obstáculos. Saber qué es posible y qué no, qué es rápido de hacer y qué podría retrasar el proyecto, es clave para el éxito en este rol.

Design engineering en la práctica

Para ser un buen design engineer, es fundamental dominar herramientas y tecnologías que te permitan diseñar y desarrollar. Aquí es claro que tienes que dominar Figma, pero además, entender sobre la programación. Yo, personalmente, programo principalmente usando tecnologías como Next.js o React, y utilizo Tailwind como framework de frontend.

Este conjunto de herramientas permite al design engineer iterar rápidamente entre el diseño y el desarrollo, asegurando que las decisiones de diseño sean viables y que los cambios en el código se reflejen de manera coherente en el producto final.

Programación enfocada en el diseño

El futuro del diseño y la ingeniería

A medida que la tecnología avanza, la línea entre los roles de diseñador y desarrollador se está desdibujando. La demanda de design engineers sigue creciendo, y este rol se está consolidando como una necesidad en los equipos de desarrollo modernos. La capacidad de entender y trabajar en ambas disciplinas no solo mejora la calidad del producto, sino que también optimiza el proceso de desarrollo, haciéndolo más ágil y eficiente.

Es probable que veamos una mayor integración de estas disciplinas en la educación y formación profesional, preparando a los nuevos talentos para roles que requieren una comprensión tanto del diseño como del código.

El valor del ingeniero en diseño

Ser un design engineer en el entorno digital de hoy es una ventaja enorme. Combinar diseño y desarrollo permite crear productos digitales que son visualmente atractivos, técnicamente sólidos y altamente funcionales. Este rol es la respuesta a la necesidad de iterar rápidamente, entender tanto las expectativas de los usuarios como las limitaciones técnicas, y ofrecer soluciones que realmente funcionen.

Mi transición hacia este rol ha sido una evolución natural y necesaria, y estoy convencido de que es el futuro para muchos diseñadores y desarrolladores. La clave está en seguir aprendiendo, ser flexible y abrazar tanto la creatividad como la lógica que ofrece la programación.

Referencias

  1. Gonzaléz, R. (2024). The attributes of a design engineer. Ryn González Blog.
  2. Rauch, G. (2024). Design Engineering at Vercel. Vercel Blog.
  3. Proof of Concept. (2024). Design Engineering.
  4. Luhr, M. (2024). The origins of design engineering. Luhr Blog.
  5. Vercel. (2024). From designer to engineer [Video]. YouTube.