Ya sea que sea un diseñador en ciernes o un profesional experimentado, siempre es una buena práctica mantenerse actualizado con las últimas herramientas del oficio. Figma y Sketch son dos aplicaciones de diseño y creación de prototipos basadas en vectores increíblemente versátiles que le permiten crear impresionantes maquetas, interfaces de aplicaciones y más rápidamente. He estado tratando de mejorar mi juego de diseño y decidí pasar de Photoshop. Sin embargo, seleccionar una de estas dos aplicaciones de diseño y creación de prototipos es un desafío, ya que parecen idénticas en la superficie. La comparación a continuación cubre mis hallazgos sobre Figma y Sketch y debería ayudarlo a comprender en qué se diferencian.
¿Qué es Figma y Sketch Quién?
Sketch ha existido durante una década, mientras que Figma ha estado fuera por menos de 5 años. En esta comparación, cubriría los conceptos básicos y explicaría qué aplicación está destinada a quién.
1. Disponibilidad
Esta es una de las ventajas más publicitadas de Figma. Es una herramienta basada en la web que también ofrece aplicaciones para macOS y Windows. Sin embargo, puede ponerse en marcha con un navegador web de escritorio con una conexión a Internet decente. Lo que lo hace aún mejor es que Figma también tiene aplicaciones complementarias para Android e iOS que le brindan actualizaciones de diseño en vivo mientras se desplaza. Como todo está en la nube, puede acceder a sus actualizaciones de diseño o las de su equipo desde cualquier parte del mundo.
Sketch, por otro lado, es estrictamente una aplicación de macOS y solo puede instalarla en MacBooks. Aunque no existe una aplicación complementaria oficial para teléfonos inteligentes, puede obtener Sketch Mirror para Mac. Para ser justos, Figma hace un mejor trabajo al ser una herramienta en línea en tiempo real con una mejor compatibilidad multiplataforma que Sketch.
Figura: 1
Bosquejo: 0
2. Interfaz de usuario
Figma y Sketch tienen una interfaz y ubicación de herramientas similares (barras laterales), lo que facilita la comparación, ya que puede concentrarse en las herramientas y otras funciones relacionadas con su flujo de trabajo. Ambas aplicaciones tienen un espacio de trabajo o lienzo en el medio, capas y atributos de activos a la izquierda, una barra de herramientas en la parte superior y un panel de propiedades a la derecha. Lo único que tiene Sketch en términos de interfaz de usuario es el modo oscuro que es realmente agradable a la vista y combina bien con el tema de macOS.
Además de algunos cambios estéticos, Figma y Sketch tienen una interfaz de usuario similar.
Figura: 1
Bosquejo: 1
3. Diseño
Ambos Figma tienen una variedad de herramientas de forma estándar y recursos de diseño para construir su primer proyecto de diseño y todo lo que sigue. Sin embargo, la implementación de la herramienta de Figma es superior. Para empezar, cada herramienta de forma, como rectángulo, óvalo, estrella y polígono, tiene una manera fácil de redondear las esquinas. Simplemente puede hacer clic y arrastrar una esquina y hacer que cualquier borde duro se vea suave. Es una gran estética de diseño y me alegro de que Figma lo haga muy fácil.
Si bien Sketch tiene muchas herramientas poderosas, es solo que las funciones requieren una curva de aprendizaje y debes descubrir cómo hacer las cosas. No es intuitivo. Por ejemplo, si desea redondear las esquinas de un triángulo, primero debe crear un triángulo regular, luego acceder al modo de edición, hacer clic en todos los vértices y luego aplicar el valor de redondeo para crear un objeto con esquinas redondeadas. Figma es más fácil de usar que Sketch.
Figura: 2
Bosquejo: 1
4. Prototipos
Una vez que haya terminado con la parte de diseño de su proyecto, la siguiente etapa es crear un prototipo. Tanto Figma como Sketch tienen poderosas herramientas de creación de prototipos que le permiten incorporar toques, presionar botones en el diseño y hacer que funcione durante las pruebas como lo haría en la vida real.
Figma ofrece gestos de interacción en un formato simple de entender y fácil de implementar. Simplemente selecciona una acción y su resultado y apunta el botón a otro atributo, y listo. Incluso puede animar todos los gestos matizados con su animación personalizada. Sin embargo, un pequeño problema que enfrenta toda la comunidad de Figma es que no puede conectar varias páginas de manera eficiente.
Nota: De hecho, puede vincular páginas de un proyecto en la creación de prototipos con enlaces, pero eso actualmente es ineficiente y simplemente abre esa página en una nueva pestaña que no es muy coherente.
Sketch, por otro lado, ofrece una forma fluida de crear enlaces entre diferentes páginas. Aunque Sketch llama a esas mesas de trabajo y no a páginas, el concepto sigue siendo el mismo y la implementación es mejor. Al final, se reduce a sus requisitos. Si su proyecto tiene pocas páginas pero requiere animaciones avanzadas, entonces Figma ofrece mejores prototipos. Sin embargo, si desea crear un prototipo coherente para los clientes que puedan tener una idea del proyecto con varias partes, Sketch lo hace mejor. Es efectivamente un empate.
Figura: 2
Bosquejo: 1
5. Complementos
Sketch y Figma tienen muchas funciones, pero si tiene un flujo de trabajo personalizado, hay un complemento para usted. Sketch existe desde hace más tiempo y, por lo tanto, tiene más complementos en la biblioteca. Sin embargo, puede encontrar complementos populares como Zeplin, ProtoPie y Avocado tanto en Sketch como en Figma. Ambas aplicaciones ofrecen API para crear sus propios complementos para su flujo de trabajo.
Una cosa a tener en cuenta aquí es que, como Figma es una herramienta en línea, todos los complementos están disponibles en todo momento y funcionan sin problemas. Sketch, aunque admite más complementos, requiere que descargue la copia digital y la pegue en la carpeta de complementos. Esto es solo un inconveniente menor en el mejor de los casos, y Sketch todavía tiene un soporte de complemento superior.
Figura: 2
Bosquejo: 2
6. Colaboración en tiempo real
Figma es el campeón de la colaboración en tiempo real y Sketch ni siquiera se acerca con su función de sincronización en la nube. Figma permite espectadores y comentaristas ilimitados que pueden ver el progreso del proyecto en tiempo real. Sketch, por otro lado, le permite guardar y sincronizar los proyectos en la nube y, una vez guardados, los espectadores pueden ver los archivos de diseño actualizados. En resumen, Figma adopta un enfoque de nube primero, que es una de las razones por las que ha despegado como lo ha hecho.
Figura: 3
Bosquejo: 2
7. Precio
Figma ofrece tres niveles con dos suscripciones pagas y una gratuita para creadores individuales. El plan gratuito ofrece un proyecto de equipo a la vez y editores ilimitados. El plan pago comienza en $12/mes/editor y ofrece editores ilimitados, historial de versiones y proyectos.
Sketch viene con una prueba gratuita de 30 días. Después de eso, se le facturará $9/mes/editor por todas las funciones. Figma definitivamente es un poco caro cuando obtienes el plan pago, pero si solo necesitas trabajar en un proyecto a la vez, Figma te permite trabajar en eso gratis.
Verificar figma (gratis, $12/mes)
Verificar Bosquejo (prueba gratuita, $ 9 / mes)
Figma o Sketch: ¿Cuál es una mejor aplicación de diseño y creación de prototipos?
No se puede negar que Figma y Sketch son aplicaciones increíbles que permiten la creación de prototipos y el diseño. Figma adopta un enfoque basado en la nube y es mejor para la colaboración en línea. Sketch es más económico para los equipos, ofrece más complementos, pero no funciona fuera del ecosistema de Apple.
Espero que la comparación anterior te haya facilitado un poco la decisión y, si tuviera que dar mi opinión, me quedaría con Figma. Lo digo porque mi caso de uso implica aprender a diseñar maquetas y no trabajaré en varios proyectos a la vez. ¿Qué piensas? ¿Qué herramienta es mejor para ti? Házmelo saber en Twitter.
Lea también: Las mejores aplicaciones para crear infografías e información de datos en 2021