Este contenido es una adaptación de un mail enviado a los suscriptores de mi lista de correo donde hablé de la actualización que recibirá el sistema de diseño UX fomo Design system.
A partir de esta semana he decidido retomar el desarrollo de mi querido UX fomo Design System.
Es momento de dedicarle la atención que merece.
Durante los últimos meses he estado trabajando en dos proyectos que requieren con urgencia una estructura de diseño sólida.
De hecho, con un kit de diseño básico ya podrían avanzar mucho mejor.
Si sueles seguir mis contenidos, seguramente me habrás escuchado decir en más de una ocasión frases como:
“… cuando tenga colores, haré”
o
“… cuando tenga tokens, aplicaré”
La realidad es que ya cuento con una base bastante completa.
Es cierto que necesita una actualización, pero lo fundamental está.
Y ha llegado el momento de aprovecharlo.
Mi voz interior lo ha dejado claro: es hora de actuar.
Los pasos que voy a seguir
El trabajo que tengo por delante no es menor.
En esencia, debo tomar el UX fomo Design System y avanzar con los siguientes pasos:
Actualizar y revisar los colores primitivos para, a partir de ellos, crear tokens semánticos.
Incorporar el modo oscuro (dark mode) de forma estructurada.
Ambos pasos son fundamentales para los dos proyectos en los que estoy inmerso actualmente:
- La landing page de la Comunidad UX fomo
- La aplicación UX fomo Generator
Ambos requerirán versiones en modo claro y modo oscuro.
Revisión de espaciados
Otro aspecto importante será la revisión de los espaciados.
Mi intención es respetar más consistentemente la regla del 8 (o del 4, dependiendo del enfoque), y reducir la improvisación en valores que no siguen lógica alguna.
Mi idea es apoyarme más en Tailwind CSS y menos en medidas arbitrarias.
Eso sí, sin volverme inflexible con las normas.
El sentido común y la funcionalidad siempre estarán por delante.
Actualización de componentes
Por último, comenzaré a revisar y actualizar todos los componentes ya creados.
Este proceso será extenso, pero lo abordaré de forma progresiva, componente a componente.
Esta es también una excelente oportunidad para mostrar el proceso real de mantenimiento y evolución de un sistema de diseño: una labor esencial que muchas veces pasa desapercibida, pero que es parte fundamental de mi trabajo profesional.
Como siempre, compartiré todos los avances por aquí, en YouTube y en mi sitio web.
Estoy especialmente ilusionado con esta etapa y estoy convencido de que también será de valor para ti.
Espero que te entusiasme tanto como a mí ver cómo vuelven las actualizaciones semanales de los componentes que, de alguna forma, hicieron que nuestros caminos se cruzaran.
Aprende sobre UX/UI + IA, Figma y Product Design
📣 Apúntate a mi newsletter semanal
