27 Mar Herramientas con Inteligencia Artificial para Diseñadores de UI
En toda esta marabunta de noticias sobre la inteligencia artificial estaba claro que el sector del diseño de webs y producto digital no iba a quedarse atrás.
A la hora de trabajar en la interfaz de usuario o UI puedes aprovecharte de todas estas herramientas para ahorrar tiempo y esfuerzo y mejorar tu producto final.
FigJam Ai
La versión con IA de la popular herramienta para diseño Figma lo está petando. FigJam AI te permite con su IA generativa crear mockups o prototipos de páginas de destino , formularios, banners, todo lo que necesites.
El uso es bastante intuitivo pero en este vídeo te puedes empezar a hacer una idea de cómo funciona.
Musho Ai
De forma paralela a FigJam también tienes esta herramienta. Se trata en realidad de un plugin de Figma y lo puedes encontrar aquí. Musho Ai te permite arrancar con un diseño si no sabes por dónde empezar. Su facilidad de uso es bestial.
Además en su canal de Youtube te muestran ejemplos de uso del plugin.
ChatGPT para la creación de copy y textos
La tediosa tarea de crear el texto y el copy de los elementos se puede hacer mucho más rápido con ChatGPT eso si, siempre es recomendable tener a un humano detrás revisando.
ChatGPT es especialmente bueno cuando se le dan muchas instrucciones y se le pide de manera muy exacta que es lo que necesita.
Un ejemplo son los buyer persona. Es una herramienta tremenda para este tipo de tareas. Ademas se puede completar el proceso hasta niveles que ni te puedes imaginar.
En este vídeo que te comparto puedes ver como utilizan la herramienta Keywords Everywhere para crear un completo perfil de buyer persona.
MidJourney para la creación de imágenes
Con Midjourney podrás facilmente generar imágenes. Además, ofrece una variedad de opciones para buscar, explorar y manipular imágenes. A nivel de edición está bastante bien. La herramienta funciona con el estilo «texto a imagen» y siempre trabajaremos utilizando un prompt con texto.
Sin embargo tiene otras opciones interesantes como opciones de cambio de colores o incluso la posibilidad de utilizar de manera «text to template» o «text to vector graphic» de manera que tus tareas relacionadas con el IU se pueden agilizar mucho más.
Colormind AI para escoger paletas de color y Fontjoy para las fuentes y tipografías
Colormind AI funciona genial para todas las selecciones de color, tanto para sugerirte ideas como para completar tus ideas cuando te quedas atascado.
Por otro lado Fontjoy te va a ayudar mucho para encontrar combinaciones de fuentes y tipografías que resulten atractivas para el usuario.
UIzard para crear proyectos de UI directamente
Esta herramienta, Uizard, genera mucho odio y amor entre los profesionales del UI. En parte porque sustituye en buena parte su labor, por lo menos a nivel básico.
Pero es que la herramienta es sensacional. Le escribes un prompt con el tipo de elemento que necesitas, por ejemplo » una app de banca online para freelancers y pequeños negocios» , le añades el estilo y personalizas un par de elementos más y te genera una interfaz completa gracias a la Inteligencia Artificial.
Este es un ejemplo rápido del prototipo de una página tipo Lead Magnet para un ebook sobre Google Analytics 4. Bastante top el resultado
Convertir bocetos en papel a proyectos de UI con Visily Ai
Por último os recomendamos probar aunque sea esta herramienta, Visily Ai. Te va a volar la cabeza. Puedes convertir tus bocetos hechos a mano en prototipos simplemente ajuntándole una imagen del boceto.
Puedes transformar este boceto que ves arriba en este prototipo que ves abajo y luego seguir trabajando sobre él.
