Contáctanos
Logo of Arrow Web

Adobe xd vs Figma vs Sketch

Adobe xd vs Figma vs Sketch

2021-05-26      Share

Una comparación realmente interesante

En el mercado de herramientas que sirven para realizar diseño UX existen tres aplicaciones que son líderes, y son consideradas como estándares de la industria que debes de conocer si quieres realizar proyectos de sitios web o aplicaciones. Esto no siempre fue de este modo, hace un par de años los diseñadores utilizábamos otro tipo de herramientas para maquetar un sitio web como Adobe Illustrator o Adobe Photoshop, pero en términos de Experiencia de Usuario e Interfaz de Usuario estos programas se quedaban bastante cortos. Una empresa se dio cuenta de este problema y decidió hacer una aplicación más amigable para los diseñadores, así fue como nació Sketch.

Sketch fue la primera herramienta exclusivamente elaborada para diseño UX y fue lanzada el 7 de septiembre de 2010. Al principio no tuvo mucho éxito pero poco a poco los diseñadores empezaron a conocerla y se dieron cuenta del gran potencial de esta herramienta ganando popularidad y convirtiéndose en la herramienta líder hasta la fecha, pero en la actualidad tiene una competencia mucho más feroz para el diseño UX. Muchos diseñadores y desarrolladores sabiendo de antemano qué es UX / UI La mejor manera de gestionar un proyecto web necesitaban más opciones, así fue que Adobe se dio cuenta que Illustrator y Photoshop se estaban quedando un poco cortos para el diseño UX y fue así que desarrolló Adobe Xd entre 2016 y 2017, por su parte Figma salió al mercado casi a la par de Adobe Xd aunque sus desarrolladores la venían trabajando desde 2012 pero realmente comenzó a ganar popularidad apenas en 2019 y 2020. Cada una tiene sus ventajas y desventajas y aquí las veremos.

Sketch

Logo_Sketch.png

Es la herramienta pionera en la industria de diseño de experiencia de usuario, esta tomó popularidad a mediados de 2014 y continúa hoy en día porque es una herramienta muy fácil de usar muy rápida de aprender y es muy intuitiva en el diseño de interfases, esto hace que la curva de aprendizaje sea muy rápida incluso si no cuentas con conocimiento previo de diseño gráfico y la mayor ventaja y desventaja al mismo tiempo de Sketch es que cuenta con muchísimas integraciones con terceros y plugins que te permiten hacer cosas que no son en realidad nativas de la aplicación como zeppelin.io que lo que te permite es pasarle tu diseño a los desarrolladores para que ellos puedan ver toda la información relacionada con tu diseño como el código de los colores, el tamaño de los botones, elementos, espaciados etc. Otra gran desventaja de Sketch es la parte del prototipado, ya que no está incluida dentro de la app pero cuenta con otra integración llamada InVision que te permite prototipar tu diseño.

Y la mayor desventaja de Sketch es que solo está disponible para Mac por lo tanto no se puede usar en Windows y eso reduce muchísimo sus usuarios y en mi opinión aunque es la herramienta líder actualmente, se está quedando muy atrás con respecto a sus competidores ya que aparte de todas estas cuestiones para poder acceder a Sketch tienes que realizar un pago de $99.00 dólares y otro pago de $79.00 dólares cada vez que se actualiza la aplicación y su versión gratuita solo dura 30 días.

Adobe Xd

Logo_Xd.png

Lo primero que podemos decir de Adobe Xd es que tiene el respaldo de una empresa gigantesca como lo es Adobe y esto quiere decir que tiene un gran respaldo financiero, de recursos así como constantes actualizaciones y por ser parte de la familia Adobe te permite el interactuar con otros programas de diseño como Photoshop e Illustrator. Pero Adobe Xd está lleno de pequeñas sorpresas que lo dejan muy por encima de su rival Sketch, la primera gran ventaja de Adobe Xd es que su versión básica es completamente gratuita, lo único que necesitas es tener un cuenta de Creative cloud, para poder utilizar Adobe Xd.

Otra de las ventajas de esta herramienta es que a diferencia de Sketch si incluye un apartado para realizar prototipados interactivos con los que podrás simular una navegación por tu sitio web con menús desplegables, botones interactivos, lightboxes emergentes etc. y también incluye la opción de vincular tu prototipo con algún dispositivo móvil y ver en tiempo real esta navegación desde tu celular o tablet.

Adobe Xd te permitirá compartir tus diseños prototipados con el resto de tu equipo o directamente con tus clientes a través de links en los cuales ellos podrán revisar tu trabajo, interactuar con él, dejar comentarios con pines, e incluso con otras maneras de compartirlo también podrán hacer ajustes y modificaciones. Incluso dentro de un proyecto creado tanto en Adobe Xd como en Figma puedes tener colaboradores en tiempo real, esto quiere decir que podrás ver literalmente el cursor de la otra persona y los cambios o ajustes que esta esté realizando,    

En mi opinión Adobe Xd es una de las mejores opciones si tienes un equipo de diseño profesional, pero si recién estás iniciando en el mundo del diseño UX y UI tal vez la tercera opción te atraiga más 

Figma

Logo_Figma.png

Esta es una herramienta que salió casi a la par que Adobe Xd más o menos en el 2016 pero no fue sino varios años después a mediados de 2019 y 2020 que Figma comenzó a ganar bastante popularidad. Figma, al igual que su rival Adobe Xd es una herramienta Gratuita capaz de realizar prototipos interactivos, reproducirlos desde un movil, compartir a través de links, y dejar comentarios entre otras cosas, pero Figma tiene una gran ventaja sobre sus rivales Sketch y Adobe Xd y es que todo se maneja de manera online, es decir que para trabajar en Figma debes de usar tu navegador y todos los archivos se guardan automáticamente en la nube. En caso de no contar con internet también existe la opción de descargar el programa para tenerlo en tu equipo, pero esto es a mi parecer solo en caso de emergencia cuando por alguna razón no tienes internet.

En conclusión las tres herramientas son excelentes y si me preguntas cual es la mejor opción te diré que todo depende de tus necesidades y posibilidades, Pero en lo personal y tal vez me estoy dejando llevar por el romanticismo de el respaldo de gran renombre que Adobe le da a cada uno de sus programas y la gran interactividad entre ellos. Pero Adobe Xd es mi favorito, y es que si hablamos de diseño Adobe tiene que estar ahí. Pero como ya sabemos el lápiz no hace al dibujante.