Adobe XD se ha actualizado con una serie de características que ponen el acento en nuevas formas de diseñar, prototipar y colaborar. Una serie de novedades que se pueden enclavar en ‘Stacks’, los tokens de diseño y los grupos de scroll.
Pero hay mucho más para llevar a otro nivel el diseño de webs desde esta gran aplicación llamada Adobe XD. Ahora os animamos a que paséis para conocer alguno de los detalles de esta nueva versión.
Primero recogemos estas novedades de otras actualizaciones en Photoshop, Illustrator o la misma Lightroom. Stacks es una nueva forma de trabajar con grupos y componentes. Podríamos hacer un símil con Flexbox en CSS, diciendo que Stacks son columnas o filas de objetos con un espacio puesto entre ellos. Según se vayan añadiendo, eliminando, reordenando o cambiando el tamaño de los objetos en el Stack, el resto de objetos se ajusta automáticamente manteniendo ese «espacio» dicho.
Cuando se crea ese «stack», XD detecta la dirección del mismo ya sea vertical u horizontal. El objetivo de los stacks es que se puedan hacer mucho más fácilmente ajustes a elementos en la UI como son tarjetas, dropdowns, navegadores y modals. O sea, que todo ahora es más «flexible» en XD cuando diseñamos.
Los grupos de «Scroll» consiguen que nuestros prototipos actúen como sitios web y apps en producción. Una gran novedad solicitada por la comunidad de XD para feeds, listas, carruseles, galerías y más. Echad un ojo al vídeo para verlo en directo:
También contamos con los tokens de diseño que es en si una nueva forma de trabajar conjuntamente para diseñadores y desarrolladores. Ahora se pueden añadir nombres personalizados a estilos de color y caracteres en el panel de activos y que pueden ser publicados en un CSS listo para descargar. Digamos que los tokens de diseño son una forma fácil de referencia para tomar decisiones de diseño visuales. Otro vídeo para que lo veáis cómo funciona:
En esta nueva y provechosa actualización de Adobe XD se ha mejorado la integración con Slack, enlaces para compartir que se pueden personalizar y visualizaciones de datos con Chart para XD,
Toda una gran actualización para Adobe XD y que podéis descargar ya para probarla y mejorar vuestros flujos de trabajo a la hora de diseñar webs.