Taller de Figma + Framer, con Raúl Marín

Si estás buscando herramientas para diseñar proyectos responsive de manera fácil y rápida, Framer y Figma son dos opciones que no te puedes perder. Por eso, en nuestro taller de Figma y Framer realizamos una sesión práctica en la que exploramos todas las posibilidades que ofrecen estas dos herramientas.

No te pierdas este workshop impartido por Raúl Marín, responsable del área de UX y director del Bootcamp en Diseño UX/UI en IMMUNE Technology Institute.

Ventajas de diseñar con Figma

Con Figma, pudimos ver lo sencillo que es diseñar todo tipo de interfaces, desde aplicaciones móviles hasta páginas web completas, todo de manera muy intuitiva. Gracias a funcionalidades como los auto layout o los componentes se ha convertido en una de las herramientas clave en el diseño de productos digitales ya que aporta muchas ventajas, algunas de las más importantes son:

1. Consistencia y eficiencia: al utilizar componentes, se asegura la coherencia en el diseño de elementos repetitivos, como botones, iconos y formularios. Además, la posibilidad de reutilizar componentes en diferentes partes del diseño ahorra tiempo y evita errores de diseño.

2. Flexibilidad y rapidez: con auto layout, es posible crear diseños responsivos y adaptativos de manera rápida y sencilla. Los elementos se ajustan automáticamente a medida que se cambia el tamaño del diseño, lo que permite ahorrar tiempo y esfuerzo en la creación de múltiples versiones del mismo diseño.

3. Escalabilidad: la utilización de componentes y auto layout permite que el diseño sea escalable, es decir, que se adapte sin problemas a cambios en las necesidades del proyecto. Esto se traduce en una mayor eficiencia en la gestión del proyecto y en la capacidad de reaccionar a los cambios de manera rápida y efectiva.

4. Colaboración: la utilización de componentes y auto layout en Figma facilita la colaboración entre diseñadores y equipos de desarrollo. Al contar con una biblioteca de componentes compartida, los diferentes miembros del equipo pueden trabajar de manera conjunta y sin duplicar esfuerzos.

¿Qué podemos hacer con Framer?

Por su parte, Framer es una herramienta ideal para la creación de prototipos interactivos, animaciones complejas y desde hace unos meses también para diseñar web responsive. Además, Framer cuenta con una gran cantidad de recursos y librerías que facilitan el proceso de diseño y programación. Sus ventajas frente al resto de competidores son:

1. Interacciones y animaciones avanzadas: Framer permite crear animaciones complejas y transiciones suaves entre pantallas que no son posibles en otras herramientas de diseño web.

2. Prototipado rápido: con Framer, los usuarios pueden crear prototipos de alta fidelidad con facilidad. La herramienta ofrece una biblioteca de componentes y elementos de interfaz de usuario que se pueden personalizar y reutilizar en diferentes proyectos. Y es posible diseñar webs responsive con mucha facilidad y viendo en todo momento el resultado final.

3. Integración con código: Framer tiene una integración fluida con la programación, lo que permite a los diseñadores y desarrolladores trabajar juntos en un solo proyecto. La herramienta permite crear componentes y animaciones y los desarrolladores pueden usar el código generado para implementarlos en el sitio web.
   
4. Personalización: Framer es altamente personalizable y ofrece una gran cantidad de opciones para ajustar los detalles de diseño. Los diseñadores pueden personalizar las animaciones, ajustar la opacidad y las sombras, y crear elementos personalizados con JavaScript.

5. Pruebas de usabilidad: Framer permite a los diseñadores crear pruebas de usabilidad para sus diseños de sitios web. Se pueden realizar pruebas de usabilidad y ajustar diseños en consecuencia para mejorar la experiencia del usuario.

En nuestro workshop, vimos cómo estas dos herramientas pueden complementarse perfectamente para crear proyectos responsive de manera sencilla y eficaz. Esto abre un nuevo mundo de posibilidades para los diseñadores UX/UI. La capacidad de crear diseños responsive es una tarea clave en la actualidad, ya que los usuarios interactúan en todo tipo de dispositivos a lo largo del día. Al utilizar Figma y Framer, los diseñadores pueden crear diseños que se adapten a cualquier pantalla y brindar una experiencia de usuario fluida y coherente.

¡Anímate a practicar con Figma y Framer, y descubre todo lo que pueden ofrecerte en tus proyectos de diseño UX/UI!