El diseño de interfaces es el proceso que permite crear productos que sean relevantes y tengan significado para la experiencia del usuario. Las startups cuentan con personas especializadas en esta área del diseño para asegurarse de que sus usuarios tengan productos útiles y que les generen una buena experiencia de uso.
En el pasado, un diseñador de interfaces necesitaba varias herramientas para completar distintas etapas del proceso de diseño. Usaba un programa para hacer wireframes, otro para diseñar y hacer mockups, otro para prototipar. Actualmente hay programas que permiten hacer todo eso en un solo lugar: el más popular es Sketch.
Por su parte, AdobeXD se ha convertido en la opción preferida de muchos diseñadores de interfaces. Sketch sigue siendo el rey, pero su exclusividad para MacOS podría dejarlo atrás con el pasar de tiempo.
En algunas oportunidades, estos programa de diseño de interfaces no cuentan con las herramientas necesarias para cumplir con todo nuestro flujo de trabajo, es por eso que existen los plugins. Pequeñas funcionalidades con la capacidad de extender las opciones del programa, permitiendo incluir imágenes, gráficos o ilustraciones directamente desde internet. La primera ola de estos llegó en octubre del 2018. Desde ese momento ha sido un gran cambio para quienes usan este software.
Recordemos que AdobeXD cuenta con una interfaz intuitiva y ligera. Cubre todo el proceso de creación de wireframes, mockups y prototipos facilitando la creación de interfaces para aplicaciones móviles, web o desktop. Además, brinda la posibilidad de compartir estos diseños en la nube de Creative Cloud.
Con esto en mente, te quiero presentar cinco de los mejores plugins que puedes encontrar para facilitar tu trabajo en AdobeXD:
Con este plugin tendrás la oportunidad de generar avatares en cualquier forma directamente en nuestro proyecto.
Esta plugin hace todo más fácil a la hora de compartir nuestro proyecto con los desarrolladores, podrán tener todo el código necesario para implementarlo tal cual está en el diseño.
Este plugin nos ayuda a generar patrones en nuestro diseño, no es más que repetir cierto elemento con colores o formas aleatorias dependiendo de su configuración.
Nos ayuda a, como su nombre lo dice, renombrar capas de nuestro proyecto en orden ascendente o descendente, por orden alfabético y muchas más opciones.
Este plugin acelera nuestro flujo de trabajo. Podemos acomodar artboards en grillas, ordenarlos o crearlos a partir de una selección.
Estos plugins nos ayudan a agilizar nuestro flujo de trabajo en casos muy concretos. AdobeXD es una herramienta poderosa para el diseño de interfaces y tienes la oportunidad de aprender todo lo que necesitas sobre ella en el Curso de AdobeXD, un curso perfecto incluso si estás empezando.
No esperes más y empieza a crear proyectos increíbles con esta herramientas. Si conoces otro plugin que te ha sido muy útil compártelo acá en los comentarios.
Zeplin no me parece tan fundamental, para eso se puede compartir un link en modo desarrollador, te permite descargar los activos que se hallan seleccionado para exportar, los complementos que uso para trabajar son:
Mimic: Extrae recursos de una web, fuentes, colores e imágenes
unDraw: ilustraciones prediseñadas
Movie poster: genera poster de peliculas
Invisible space: Agrega un cuadro creando una margen de lo que tengamos seleccionado
Change case: cambiar un texto a mayúsculas, minúsculas etc
Swap position, cambiar la posición entre dos elementos
ContentGenerator: selecciona un texto por defecto y lo cambias por, un correo, nombre de persona, teléfono entre otras opciones
Photosplash: carga imagenes del banco de UnSplash
Genial! Gracias por compartir 😄
Mimic es brutal !!!
Gracias @iKenshu un post para guardar y tener presente.
El de acomodar interfaces y generador de avatares están bárbaros. O sea que sketch solo está para macOS?
Sí, Sketch está solo para macOS
Ya que estamos en el tema. Cuánto cobrarían en dólares un proyecto XD de 240 pantallas donde ya está el contenido pero hay que acomodarlo, darle un diseño uniforme a todo y linkear cada pantalla. Son 240!!!
Porque tenemos que cotizar este trabajo!
Genial!
Alguien conoce algún complemento para reemplazar texto en Xd?