Hasta ahora, en Silo Creativo hemos estado viendo algunas aplicaciones para diseñadores web enfocadas al UI. Nos centramos sobre todo en una serie de artículos en Affinity Designer, por sus herramientas específicas para el diseño web. Aunque muchos de nosotros seguimos usando de forma puntual Photoshop e Illustrator para este tipo de proyectos. Pero, si nos centramos en al diseño UX, hay un claro ganador, que es Sketch. Pero uno de sus principales problemas es que solo está disponible para Mac. Y en este vacío, llegó Adobe para presentarnos su herramienta específica para diseño UX y prototipado: Adobe XD.
Sketch se ha convertido en los últimos años en un referente en el prototipado de aplicaciones y páginas web. Y Adobe sabía de primera mano que esta perdiendo ese tren dentro del campo del diseño. Illustrator, a pesar de sus amplias oportunidades que nos ofrece, no dispone de funciones específicas para el diseño web o la creación de prototipo de aplicaciones. Y hace algo más de un año, lanzó Adobe XD. Así que, ¿porque hablamos ahora mismo de este programa? Porque hace unas semanas, tal como os enseñamos en uno de nuestros SiloMag, Adobe decidió lanzar una versión gratuita de XD. Esto nos animó a probarla, para ver si realmente la compañía detrás de Photoshop había creado un producto a la altura de Sketch.
Antes de centrarnos en ver algunas de las funciones que nos ofrece Adobe XD, veamos que nos da esta versión gratuita del programa, y cuales son los diversos planes de precios disponibles, en comparación a los que tiene Sketch.
Plan de precios de Adobe XD
Como hemos comentado, hace poco menos de un mes Adobe lanzó una versión gratuita de Adobe XD. Con esta versión, podemos crear tantos diseños y prototipos como queramos, de forma local. La restricción llega en el momento en el que queremos compartir estos diseños de forma pública o con nuestros clientes. Y es que solo tenemos la oportunidad de tener al mismo tiempo un prototipo online. Es decir, que si creamos un segundo y lo subimos a la nube de Adobe, el primero dejará de estar disponible. También mencionar que el espacio disponible en la nube de Adobe está limitado a 2GB.
Si trabajamos con varios clientes de forma simultánea esto puede suponer un problema. Existe un pequeño truco, pero que también tiene ciertas contrapartidas. No es más que, en nuestro diseño dentro de Adobe XD, crear una página de inicio donde se pueda acceder a diferentes proyectos. Es decir, que todos nuestros trabajos estarán dentro del mismo archivo. Y no hace falta estar borrando y creando nuevas URLs según el prototipo que queramos enseñar. Pero está la parte negativa. Y es que cualquier persona a la que le facilitemos la URL, podrá ver todos nuestros proyectos libremente. Con esto podemos tener problemas de confidencialidad con los trabajos de nuestros clientes. Por esta razón, no es una solución aconsejable en el ámbito profesional. Aunque si que podemos usarla como portfolio para mostrar proyectos ya finalizados, o que hayamos realizado en nuestro tiempo libre.
Esto sobre la versión gratuita. Pero como existía de forma anterior, hay diversas versiones de pago. Estas versiones se diferencian según la queramos para un uso individual, o dentro de un grupo de trabajo para un estudio o empresa. En el primer caso, el precio es de 12,09€ al mes, y nos da acceso a compartir prototipos de forma ilimitada. Además de aumentar nuestro espacio en la nube de Adobe de los 2GB de la versión gratuita a los 100GB de esta versión. Y la versión para empresas sube de precio hasta los 19,99€, con las mismas características.
A diferencia de Sketch, que para usarlo tenemos que pagar 99€ (con actualizaciones gratis durante un año), podemos probar Adobe XD para ver si se adapta a nuestras necesidades. Y esto es posible porque el software en sí no tiene ninguna limitación a la hora de trabajar con él, solo las mencionadas anteriormente.
Funciones e Interfaz de Usuario
A simple vista, la interfaz de Adobe XD es prácticamente idéntica a la de Sketch. Y es que se nota la intención de Adobe por un lado, de querer seguir con la tónica que tienen el resto de los programas de su Suite. Y por otro, claramente bebe de la organización de paneles que tiene Sketch. Eso si, con una interfaz mucho más limpia, y con unos elementos más sobrios. Pasamos de la típica interfaz dark que tiene por defecto Photoshop o Illustrator, a una light con elementos grisáceos.
Herramientas de Vectorizado
Aquí se nota que Adobe posee una completa suite de programas de diseño, y que no quiere pisar un software con otro. Adobe XD es una herramienta de diseño y prototipado de webs y aplicaciones. Punto. Si queremos diseñar un logo, debemos de irnos a Illustrator, e importar el resultado en XD. Debemos mentalizarnos que aquí vamos a diseñar una interfaz, pero no vamos a construir de cero algunos elementos de esa interfaz. Esto en Sketch no pasa. El no tener programas paralelos, hace que posea funcionalidades extra. Punto a favor de Sketch si queremos hacerlo todo bajo el mismo paraguas.
Funciones de Prototipado
Hasta hace unos meses, se llevaba la palma Adobe XD. Esto se debía a que podíamos diseñar y prototipar en el mismo programa. Mientras que en Sketch, teníamos que hacer en un programa externo, siendo muy popular el combo Sketch + Invision. Pero esto cambió en su versión 49, cuando se introdujo el prototipado entre sus funciones básicas. Así que, en este aspecto, estamos ante un empate técnico.
La comunidad en Adobe XD
Hay una cosa que no podemos negar: la comunidad se ha volcado por completo con Sketch. Si hay alguna funcionalidad que echemos en falta en la configuración base, seguramente la encontremos en complementos creados por terceros, tantos gratuitos como de pago. Y lo mismo pasa con los assets, fácilmente encontraremos cientos de iconos, botones y diferentes diseños para usar en nuestros prototipos.
Y este es uno de los puntos débiles de Adobe XD. Al ser un software relativamente reciente, aun no tiene una base de usuarios consolidada. Aunque seguramente la consiga en el futuro, como pasa con el resto de aplicaciones de Adobe, como es el caso de Photoshop. Pero, a día de hoy, si buscamos alguna función o herramienta específica, quizás no la vayamos a encontrar.
Pero no nos olvidemos de otras alternativas
Una vez hemos visto que nos ofrece, no queremos olvidarnos de mencionar que, los usuarios de Windows, Mac y Linux disponemos de otras alternativas más allá de estos dos programas. Y que también merece la pena tener en cuenta.
Uno de ellos es Figma, uno de los más conocidos, y también de los mejor valorados. La versión de escritorio de Figma está disponible tanto para Windows como para Mac. Pero uno de sus puntos fuertes es que también está disponible una versión web. Esto nos va a permitir seguir trabajando en cualquier ordenador, e incluso bajo Linux. Otra punto a favor es la posibilidad de crear equipos de trabajo, limitados a dos en su versión gratuita. Porque, al igual que Adobe XD, también tiene disponible una versión gratuita, con ciertas limitaciones, que podemos consultar en su página de precios.
Otro de los que está dando que hablar bastante en los últimos meses es InVision Studio. Actualmente está en beta cerrada para Mac. Y pronto lo estará para Windows, donde esperamos tener acceso para daros nuestras primeras impresiones. Las personas que lo han probado destacan la fluidez de la interfaz, y la cantidad de opciones que tiene para la creación de animaciones y transiciones. Además de una jerarquización de páginas y capas mucho más intuitiva que la de Sketch y Adobe XD.
Ya veis la gran cantidad de alternativas disponibles que tenemos hoy en día para crear prototipos de nuestras webs y aplicaciones. Como siempre, la elección de una y otra dependerá de nuestra situación personal, necesidades y entorno de trabajo. Por lo que es de agradecer que cada vez tengamos opciones donde elegir. Y esto también supone que los desarrolladores detrás de estos programas estén día a día implementando mejoras para ser más competitivos. Algo que como usuarios siempre es de agradecer. Pero, a día de hoy, Adobe XD es una gran alternativa para los usuarios de Windows, o para los poseedores de la suite de Adobe.
Y vosotros, ¿trabajáis con Sketch o Adobe XD? ¿Pensáis que el programa de Adobe puede suponer una amenaza a la hasta ahora aplicación estrella para crear prototipos? Como sabéis, tenéis disponibles los comentarios para que nos digáis vuestras opiniones y experiencias al respecto.
Buen artículo, gracias por compartir! He usado ambas y diseñado en ambas en versiones anteriores y actuales. Personalmente me inclino por Sketch para diseño web por los plugins, sin embargo, Adobe XD lo encuentro más atractivo para el diseño de apps.
Muy cierto eso de que los plugins de Sketch son un mundo aparte, y que dan al programa base un montón de posibilidades extra.
Un saludo Victor, y gracias por tu comentario!