Figma vs. Sketch vs. Adobe XD: Un comparativo para romperme el alma 💔
Pero primero:
¿Qué son estas herramientas y por qué las estoy agrupando?
Tanto Figma, como Sketch y Adobe XD son:
👉 Herramientas de diseño colaborativo (es decir, que permiten a varias personas trabajar en los mismos documentos sincrónicamente)
👉 Cloud-based-ish
👉 Centradas en diseño UI/UX
✨ No voy a ser objetivo: @figma (recientemente adquirida por Adobe 💔) es la mejor opción en esta lista.
Figma es accesible: Es cloud-based, con aplicaciones disponibles para MacOS & Win. Y además, tiene una versión gratuita más que generosa.
✨ Además, Figma es la única herramienta en esta lista que ha trascendido al diseño UI/UX. En @postdigitalist usamos Figma para *casi* todo lo vinculado a diseño gráfico - porque no hay herramientas de diseño gráfico colaborativas propicias para diseñar posta.
✨ Una de las features que hace posible usar Figma como herramienta de diseño principal es que tiene una enorme librería de plugins comunitarios (creados por usuarios & 3ras partes y en la enorme mayoría de los casos, gratuitos). Quizás esta sea de mis features favoritas.
Bueno, fin del hilo. ¡Hasta la próxima! 👋
💎 @sketch no está mal tampoco. Hace muy bien algo que Figma hace bastante mal: Convertir diseños en CSS listo para arrojarle por la cabeza a developers. Sketch vende el developer hand-off como uno de sus puntos fuertes, y tiene razón.
💎 Podes aprender un poco más sobre el proceso de handoff de Sketch en su playground: sketch.com/s/bcf582b5-fb54-4cfe-8d2f-499355542d7d/a/Vr9eqQK#Inspect
Otro aspecto a considerar de Sketch es que tiene una librería de más de 700 plugins - *todos* orientados a diseño UI/UX, lo cual es un plus.
💎 Iguaaal... Sketch tiene dos grandes downsides.
El primero y principal es que sólo tiene desktop app para MacOS. Crear y editar docs en Sketch *requiere* MacOS.
💎 El segundo downside es que no hay versión gratuita.
Sketch está pensado para un perfil muy específico, "equipos de diseño UI/UX usando MacOS". Y eso no está mal, a menos que no formes parte de este target.
💎 Ejemplo: Consideramos Sketch brevemente por el hands-off divino que ofrece, pero si obligo a *cierto* director de arte y co-fundador de mi estudio a usar MacOS, puede llegar a devastarme con la palabra.
Prosigo a mi opción menos preferida:
😆 Adobe XD o "Por qué Adobe está comprando Figma".
Adobe XD forma parte de la Creative Cloud de Adobe. Como Sketch, no es sino una una app de escritorio que sincroniza con la nube. Esta opción parece un no-brainer si ya estás pagando por Creative Cloud. Pero...
😆 No vale la pena sola.
No es una herramienta inusable, pero se siente como un peor Figma. Hace todo más o menos bien, pero no hace nada mejor que Figma o Sketch.
Adobe XD tambien tiene una librería de plugins (propios y de terceras partes), pero esta es mucho más pequeña.
😆 Por otra parte, el developer hand-off de AdobeXD no es *limitado*, es un chiste. Sólo podes marcar assets específicos (imágenes, por ejemplo), pero no podes darle código a los developers. Ni siquiera podes darles código feo, no hay código posible.
Los dos deal breakers, a mi parecer son:
😆 El primitivo manejo de componentes
😆 La interfaz quiere ser minimalista pero se siente clumsy y despoblada
😆 Los flujos de la pestaña de prototipado son buggy
Esto es 100% subjetivo 0% objetivo, pero tan pronto como abrí XD sentí que la experiencia era incómoda y ocupaban mucho espacio elementos irrelevantes. Quiere ser minimal, pero se siente pobre y antiintuitiva.
¡No me digas! ¡¿Además de un cuadrado puedo crear un círculo?!
🥴 Puntos medio flojos generales 🥴
Tanto Sketch como AdobeXD tienen un manejo de vectores limitadísimo. Si querés vectorizar algo desde cero en Figma podes*.
* Más o menos, no es Illustrator, pero te saca del apuro de una forma en la que las otras apps no lo hacen.
💪 Puntos fuertes generales 💪
Las librerías de plugins. El hecho de que estas aplicaciones sean extensibles permite personalizar la experiencia en función de las prioridades y necesidades del equipo.
Y bueno, su misma naturaleza como tools colaborativas es magnífica.
✨ Usá Figma si... Querés usar la herramienta de diseño digital 2D gratuita más poderosa de la historia. Figma está al nivel de Blender. Es el estándar gratuito de la industria. Nací por mi madre, mato for Figma.
💎 Usá Sketch si... todo tu equipo usa Sketch/estás fundando un equipo de diseño desde cero y podes proveerle una Macbook a todos los miembros.
😆 Usá Adobe XD si... Vos y tu equipo trabajan con Creative Cloud y sienten que tienen que estirar esa inversión lo más posible.
Esto ha sido todo. Habiendome declarado parcial e incluso odioso con respecto a este asunto, prometo compilar recursos para las tres plataformas en el futuro. Todas tienen su caso de uso, aunque algunos resuenen más conmigo que otros.
Compartí para increpar a un colega.