Si eres un diseñador web estamos seguras que usas Adobe Xd, Figma o Sketch para realizar tus diseños, así que desde Koa Estudio te vamos a hablar de algunos de los mejores complementos para Adobe Xd para realizar tus prototipos. Estos complementos de Adobe Xd te van a proporcionar más agilidad a la hora de propotipar y como el tiempo es oro, todo lo que te puedas ahorrar o automatizar bienvenido sea. 😛
Y como queremos tener contentos a todos nuestros usuarios, más adelante crearemos otro post para hablarte de las extensiones de Figma (que ha ganado mucho terreno a Adobe Xd).
Los complementos de Adobe Xd más útiles:
Siempre se trata de agilizar los procesos y de perder el menor tiempo posible en hacer ciertas tareas a la hora de crear nuestros prototipos web. Y como no, Adobe Xd tiene a tu disposición una variedad de complementos que pueden facilitar y mucho algunas tareas.
UI FACES
Este complemento de Adobe Xd te proporciona una galería de retratos de personas de varios bancos de imágenes. Es muy útil cuando tienes que diseñar la sección del personal de una empresa, o una app donde se trabaje con usuarios.
Para usarlo primero tienes que crear una forma, ya sea un cuadrado, rectángulo o una elipse (que es donde se va a insertar la imagen). Incluso tiene unos filtros, puedes filtrar los retratos de las personas según edad, sexo, color de pelo e incluso emoción.
UNDRAW
Si estás trabajando con ilustraciones en un prototipado web, este es tu complemento ideal en Adobe Xd (junto con el de Humaaans). Ya no necesitarás ir a la web de unDraw para buscar una ilustración , descargártela e incluirla en tu mesa de trabajo de Adobe Xd. Simplemente instala este complemento y ¡listo! ya tienes todas las ilustraciones incorporadas y en formato SVG para poder personalizar a tu gusto
Para incorporar estos recursos solo tienes que seleccionar la ilustración que te haya gustado y se te copia de forma automática, Ctrl + V y ¡voilá! ✅
WIREFRAMER
Desde que descubrimos este complemento de Adobe Xd, nos enamoró ????. Facilita la vida y mucho, es muy sencillo de usar. Crea plantillas en base a temáticas (perfil de usuario, página de contacto, inicio de sesión).
La única pega que tiene este complemento es que las plantillas son solo para versión responsive (más pensadas para el diseño de App)
Una vez que insertas cada mesa de trabajo (wireframe) puedes personalizarlo totalmente e ir quitando o incorporando secciones.
CONTENTGENERATOR
Y como no iba a faltar el complemento para generar contenido (textos) e imágenes ????. Este complemento de Adobe Xd te permite generar datos de forma automática con diferentes opciones:
- Nombres (hombre o mujer)
- Fechas (en diferentes formatos)
- Otros textos (correo, párrafos, moneda, teléfono, y mucho más)
Es una manera de facilitarte y mucho el trabajo de rellenar contenido y no solo genera texto, también genera imágenes (funciona como el complemento de UI faces, tienes que crear primero la forma).
Hay una infinidad de complementos para Adobe Xd, pero lo más esenciales son los anteriores. Otros complementos de Adobe Xd que también podrían ser interesantes para trabajar tus prototipos de páginas web son ⬇:
- Rename it (te permite renombrar capas y mesas de trabajo de forma más rápida).
- Icons 4 Design (galería de iconos)
- Humaaans Illustration (ilustraciones de personas)
- Auto Grid (genera grid de columnas)
- ColorSpark (rellena aleatoriamente con colores sólidos o degradados la forma seleccionada)
Y tú, ¿Qué complementos para Adobe Xd usas para crear tus prototipos de páginas web o Apps?
