Figma es la última comidilla de la ciudad en la industria del diseño y la creación de prototipos y tiene grandes jugadores que luchan por crear sus propias versiones. XD es la respuesta de Adobe a Figma, que se beneficia de una integración perfecta con otras aplicaciones de Adobe como Photoshop, Illustrator y Sketch. Figma es el chico nuevo en el bloque que está obligando a otros niños a mejorar su juego. Adobe ha respondido, pero necesitamos averiguar en qué se diferencian estas dos aplicaciones de creación de prototipos y diseño y cuál es la adecuada para sus necesidades.
Figma contra Adobe XD
Figma es un software de diseño y creación de prototipos en línea que ofrece colaboración en tiempo real. Adobe XD, por otro lado, ofrece una interfaz de usuario bien diseñada que se integra profundamente con otras aplicaciones de Adobe. Tanto Figma como Adobe XD se ven robustos por fuera, pero tienen características distintas que los hacen adecuados para un público específico. En esta comparación, analizaremos más de cerca qué software de diseño está destinado a quién.
1. Disponibilidad
Figma es una aplicación basada en la web que se puede ejecutar desde un navegador web de escritorio con una conexión a Internet. Además de eso, también hay aplicaciones completas para Windows y Mac, por lo que su flujo de trabajo se puede mantener desde cualquier dispositivo. Las versiones de Android e iOS le permitirán ver actualizaciones en tiempo real, pero no admiten el diseño.
XD, por otro lado, está disponible solo en Windows y Mac como software que puede sincronizar usando Creative Cloud. Sin aplicación web, lo que significa que no puede trabajar con XD en ninguna computadora que no sea la suya. Tampoco hay una aplicación complementaria para teléfonos inteligentes. Figma es el claro ganador si quieres trabajar en línea.
Figura: 1
AdobeXD: 0
2. Interfaz de usuario
Figma y Adobe XD son el software líder para los diseñadores de UX y ambos tienen una interfaz de usuario refinada que es intuitiva y receptiva. Ya sea que use Figma en un navegador web o XD en su computadora, ambos funcionan muy bien. Figma ha colocado la barra de herramientas en la parte superior y XD en el panel izquierdo. Sin embargo, XD se parece mucho a Figma que a otro software de Adobe.
A diferencia de Sketch, Figma y Adobe XD trabajan con un tema claro y pierden la oportunidad de implementar un tema oscuro. Sin embargo, es una elección de diseño cosmético, así que puedo dejarlo pasar, pero Adobe tiene un modo oscuro en Photoshop, Illustrator y After Effects que parece inconsistente.
Figura: 1
AdobeXD: 0
3. Diseño
Figma puede ser el más popular, pero XD ofrece herramientas de diseño tan intuitivas como Figma para ayudarlo a crear diseños sorprendentes. Tanto Figma como XD tienen un conjunto estándar de herramientas, como rectángulo, óvalo, polígono, cuadro de texto, línea, herramienta de lápiz, etc. Lo que los diferencia es la implementación. Figma ofrece pequeñas funciones que marcan una gran diferencia. Por ejemplo, puede ajustar las esquinas para suavizarlo con un control deslizante que le daría esquinas redondeadas al estilo de iOS que se mezclan perfectamente en un borde.
Sin embargo, XD no es inferior en términos de destreza de herramientas y tiene la mayoría de las funciones que ofrece Figma. Puede crear un objeto, ajustar su posición, controlar la redondez de esquinas individuales, cambiar rápidamente el color y el trazo, aplicar sombras, desenfoque, etc. De hecho, puede aprender una herramienta y comenzar a trabajar en la otra al instante sin ningún problema, ya que ambos programas tener una implementación similar. Por ejemplo, cuando crea un polígono, puede hacer clic en el punto de anclaje en el objeto y cambiar la esquina afilada a una redondeada tanto en Figma como en XD. El panel de propiedades de la derecha ofrece control granular en ambos programas.
Al final, Figma todavía se lleva la delantera debido a la función de suavizado de esquinas y una mejor implementación.
Figura: 2
AdobeXD: 0
4. Prototipos
Después del diseño, procede a crear un prototipo de su proyecto utilizando la funcionalidad incorporada en Figma y XD. Figma tiene un conjunto intuitivo de disparadores que puede usar con su proyecto, como tocar, arrastrar, mientras se desplaza, etc. También puede optar por animar la transición usando una plantilla existente o crear una transición propia. Como mencioné en Comparación entre Figma y Sketchno puede vincular páginas y hacer transiciones tan fácilmente en Figma como con Sketch y XD.
XD ofrece una interfaz de creación de prototipos bien pulida con la capacidad de vincular varias mesas de trabajo en un solo proyecto. Es superior porque tienes la sensación de que las cosas funcionan como lo harían en las etapas finales del proyecto. Una mejor manera de visualizar el flujo de trabajo. Además, XD tiene un espacio de trabajo de creación de prototipos mucho mejor donde puede vincular instantáneamente una página a otra con muchas plantillas de animación. Es un poco mejor en la creación de prototipos cuando necesita crear grandes proyectos con cientos de páginas.
Figura: 2
AdobeXD: 1
5. Colaboración en tiempo real
La mayor ventaja de Figma fue que era realmente colaborativo, sin embargo, Adobe XD se puso al día y también ofrece colaboración en tiempo real. Es esencialmente un proceso similar en ambos programas: creas un proyecto, invitas a otros y te pones a trabajar.
La única diferencia es que Adobe XD requiere una cuenta de Creative Cloud y Figma requiere una cuenta de Figma. Aparte de eso, ambos software tienen la misma tarifa en este frente.
Figura: 2
AdobeXD: 1
6. Complementos y recursos
Lo que hace que los dos programas sean increíbles es el apoyo de la comunidad detrás de cada uno. Obtiene soporte para complementos y recursos tanto para Figma como para Adobe XD. Aunque Figma y XD compiten por igual en el frente de los recursos, Figma tiene una gran lista de complementos que mejoran la funcionalidad y mejoran su flujo de trabajo de formas nuevas e intuitivas.
Figura: 3
AdobeXD: 1
7. Precio
Adobe sorprendentemente ofrece XD gratis para principiantes, al igual que Figma. En el plan gratuito, Adobe XD le permite crear un documento con edición conjunta, compartir un enlace a un documento y 2 GB de almacenamiento en Creative Cloud. Figma, por otro lado, ofrece editores ilimitados en 3 archivos y almacenamiento ilimitado.
Figma elimina todas las restricciones a $12/mes/editor y Adobe XD lo hace a $10/mes. Sin embargo, si desea obtener Adobe XD para un equipo, la suscripción sube a $22/mes/editor.
Verificar figma (gratis, $12/mes)
Verificar adobe xd (gratis, $9/mes)
Figma vs Adobe XD: ¿Cuál es el veredicto?
Adobe XD y Figma son herramientas poderosas para dar rienda suelta a su creatividad y diseñar proyectos increíbles. Figma se inclina más hacia la facilidad de acceso y la intuición, pero también ofrece un conjunto completo de herramientas para diseños complejos. Adobe XD aprovecha el ecosistema de Adobe y ofrece una transición perfecta desde Photoshop, Illustrator, etc. Es decir, puede importar rápidamente proyectos desde ese software e integrarlos con su flujo de trabajo de XD. De hecho, XD tiene ventajas, como una mejor interfaz de creación de prototipos que le permite crear diseños potentes, pero eso depende de su caso de uso. Recomendaría obtener Figma si es un diseñador individual con algunos proyectos y Adobe XD si su lugar de trabajo ya tiene una suscripción a Creative Cloud. ¿Qué piensas? ¿Cuál es su herramienta preferida de elección? Házmelo saber en Twitter.