Siempre ha existido la duda de si un diseñador debe saber código.
La IA ha vuelto a revivir ese tema y muchos diseñadores han dado el salto a los editores de código.
Yo he dado también este paso. Como sé que hay poca información, os dejo unas ideas que puede que os sirvan.
Por qué decidí aprender front end
En mi tiempo como product designer, tengo la suerte de trabajar codo con codo con desarrolladores: arquitectura de tokens, jerarquía tipográfica, variantes de componentes, implementación del diseño, y más.
Hay algo que se repite mucho en este tipo de trabajo: que el diseño y la implementación son fases distintas, con distintas prioridades, y que muchas veces el diseño ya estaba hecho cuando el código decide qué de lo que se diseñó es viable y qué no, provocando iteraciones sin fin.
A mí eso siempre me ha rondado la cabeza. Diseño componentes que luego alguien más tiene que construir con limitaciones concretas. Y sabía que ese “hueco” de no saber exactamente qué pasa al otro lado, me hacía tomar decisiones sin toda la información. Podía diseñar algo perfecto sobre el papel y que fuera un dolor de cabeza real de implementar, o al revés: evitar algo por miedo a que fuera complicado cuando en realidad era trivial.
Así que decidí meterme de lleno en el código. No para convertirme en developer, sino para entender de verdad qué es fácil, qué es difícil de implementar y diseñar con ese criterio desde el principio, no como una corrección a posteriori.
Por qué Shifta
En mi caso me gusta tener a alguien a quien preguntar, clases en directo, que te resuelvan las dudas que te surgen en esos momentos y haya por ende un trato más cercano.
Tener deberes, prácticas que entregar, me ayuda mucho en la labor de aprendizaje. En el mundo del código, esa práctica es clave porque es la manera en la que realmente se aprende a programar.
Teniendo eso claro, me dispuse a buscar cursos.
Me gustan los cursos oficiales, mejor universitarios a ser posible. Que te den un certificado y haya una universidad detrás siempre me ha parecido que puede mejorar la experiencia, aunque no es garantía de nada.
Trabajando a tiempo completo, no puedo dedicarle todo el tiempo que me gustaría.
Es ahí donde entra Shifta. Un programa bastante acertado, y enfocado a diseñadores. Había poca información del posgrado, pero con todo, decidí que era lo que mas se adecuaba a mis requisitos.
La experiencia
El temario es ambicioso de primeras. Todo lo que das es relevante, lo malo es que no hay tiempo para profundizar.
Este curso no está planteado para que salgas siendo un desarrollador con 5 años de experiencia. No sería real.
Lo que sí te aporta es mucho conocimiento y una base sólida sobre la que tu puedes seguir trabajando y expandir tu desarrollo.
Como diseñadora, ver mi diseño hecho realidad en código por mí misma, es una experiencia muy enriquecedora.
Para mí, Javascript es lo más complicado, porque es lo más etéreo. Es lo que permite a la web funcionar, como si fuera el motor del coche. Se trata de aplicar lógica como: si la contraseña mide menos de 8 caracteres, muestra error, si no, guarda la contraseña y muestra un mensaje de contraseña guardada con éxito. Este ejemplo es sencillo, pero se puede complicar, y mucho.
Desde el punto de design systems, es útil para plantear foundations. Puedes hacer variables anidadas para crear ese sistema de diseño. También por fin, dejarás de preguntarte quién o qué es JSON.
Los componentes son parte de los framework como Vue.js, que es el que se enseña en este caso. Se tocan muy poco y tienen mucha complejidad. Ojalá haber profundizado más.
De cara a la IA te da un conocimiento muy valioso. Al trabajar con el editor de código, podrás saber cómo funciona este mundillo. Conocerás Node.js, y tu por tu cuenta, porque esto no lo enseñan, sabrás cómo se conecta un MCP como el de Figma.
Los profesores son profesionales. Desarrolladores que se dedican en activo a ello. Son fullstack, algunos más enfocados en back, otros en front, pero conocen lo que enseñan.
Como mejor se puede aprovechar la experiencia y el conocimiento que tienen, es asistiendo a las clases en directo. Es natural tener dudas, y las tendrás. Siempre puedes preguntarles a posteriori si no puedes asistir en directo, pero preguntar las dudas según surgen es una experiencia más enriquecedora.
Piensa en qué tipo de diseñador quieres ser
Es muy importante, y es algo que he visto muy recomendado por diseñadores senior, que uno sepa exactamente el camino que quiere seguir.
La implementación del diseño a código es una fase tardía de ese proceso end to end.
A un UX researcher que puede que no tenga en su flujo de trabajo el preocuparse por esa implementación, es probable que no le interese o no sea una prioridad.
Para un product o visual designer que sí que están presentes en esta parte, puede ser un plus.
En mi caso, siempre he tenido más exposición a esa parte de implementación del diseño en código.
Mis desarrolladores tienen la costumbre de inspeccionar los diseños, mirar paddings, estilos…
Sé que esto es algo muy bueno porque supone que es tu diseño lo que sale a producción.
También tiene un lado B. Es deber de todo diseñador cuidar y diseñar teniendo en cuenta esa implementación, cuidando tiempos y hand off.
La cuestión aquí es que necesitas saber qué es fácil de implentar, y qué es díficil. Saber código es lo que te va a dar este poder.