Mejor respuesta
Sketch se utiliza para hacer un diseño. Invision se usa para exhibir un diseño.
Por ejemplo, desea diseñar una aplicación. Con Sketch podrás diseñar fácilmente las pantallas. Ahora, la siguiente etapa será hacer una demostración del cliente o de sus posibles usuarios o entre los miembros del equipo para obtener comentarios. En esta etapa, Invision llega a la escena.
Con Invision podrá crear el flujo para ayudar a otros a comprender cómo funcionará la aplicación. Otros también pueden comentar allí en cada pantalla, ayudándote a realizar un seguimiento de los comentarios.
Como cuando trabajamos en Sketch to XML design de una aplicación los clientes comparten más a menudo el flujo con nosotros a través de la aplicación Invision o Marvel, pero, cuando realmente hacemos el desarrollo de la aplicación desde el diseño, pedimos el archivo de boceto, ya que nos ayuda a obtener los recursos utilizados en la aplicación fácilmente.
Espero que esto responda a tu pregunta.
Gracias, Ranit, cofundador de RedElegant
Respuesta
Nuestro equipo de 3 (incluyéndome a mí) ha estado usando Figma durante aproximadamente 3 meses desde julio de 2018 y aquí están los pros / contras honestos que vimos.
Lo que me gusta:
- Probablemente ya lo sepa, Figma tiene muchas similitudes con Sketch, pasar de Sketch a Figma es bastante fácil, casi como moverse entre Adobe Illustrator a Photoshop o Fireworks a Sketch. Los accesos directos son los mismos, las mesas de trabajo son las mismas, el diseño general (capas de la izquierda, propiedades de la derecha) son similares y así sucesivamente. Su equipo probablemente no tendrá problemas importantes para cambiar entre Sketch y Figma, incluso en el día a día.
- La función Symbols aka Components en Figma es impresionante en términos de la cantidad de anulaciones y cómo podría tener 1 componente para múltiples estados de un elemento, los estilos (apariencia, como colores) pueden ser únicos para cada instancia del mismo componente.
- El control de versiones del equipo es increíble. A medida que los proyectos en los que trabajamos en estos días se hacen cada vez más grandes, se necesita más de un diseñador (por ejemplo, un líder y un junior) para trabajar en un proyecto. Ya no tenemos que tratar con varios archivos de Sketch en Dropbox (todavía no hemos probado Abstract) y fusionar diferentes tableros de arte en un archivo de Sketch maestro y tratar con varias instancias repentinas de los mismos símbolos, etc.
- En colaboración, la revisión de los diseños realizados por los demás también es muy fácil, ambos podemos mirar el mismo tablero de arte, hacer ajustes para corregir errores y mejorar los diseños. Aquí es donde Figma lo hace realmente bien en el soporte del diseño de pares (el equivalente a la programación de pares). Aprendemos juntos mientras diseñamos juntos.
- Debido a que Figma es una herramienta basada en la web, los lanzamientos de funciones son casi transparentes, sin descarga, diferentes versiones de Sketch, todos tienen la misma versión cada vez.
Lo que me está volviendo loco:
- Figma es como un niño que no juega muy bien con otros niños, ni siquiera con su hermano mayor Sketch. Los únicos niños con los que Figma juega bien son los niños raros del bloque como Dropbox Paper, JIRA (¿dónde está la confluencia?), Etc. Aunque ahora se ha abierto para jugar con Zeplin y Avocode, las otras herramientas principales que usamos para la animación, la creación de prototipos, la revisión del cliente sigue siendo una gran molestia.
- En el mundo de Sketch, cuando Sketch no funciona bien con otros niños, tenemos complementos para cerrar esa brecha y ampliar las funciones de Sketch. Invision Craft, Real Time Board, Zeplin, etc. Realmente extraño los días en los que podía copiar un tablero de arte en Sketch y pegarlo en cosas como Powerpoint, Google Slides, Word o donde sea. Figma? Seleccione, establezca la configuración de exportación, Exportar, Busque el archivo en Finder, Arrastre e insértelo en otro programa. Si estoy tratando con 100 pantallas, perderé demasiado tiempo moviendo cosas y sin enfocarme en resolver problemas.
- “Pero, ¿por qué no puedes dejar que la gente vea tus diseños en Figma? ¿directamente? Para eso es la vista previa de Figma, ¿verdad? Un desarrollador con el que trabajamos me acaba de enviar esto:
Acabo de hacer una evaluación comparativa rápida con el administrador de tareas de Chrome
Simplemente cargando la página («Unee -T-Designs «) tiene una carga máxima de CPU del 250\% (con una CPU i7 de séptima generación) y una huella de memoria de 350 MB
Después de que se carga, la huella de memoria sube hasta 1.1 GB y finalmente se asienta alrededor de 950 MB con una carga de CPU constante del 10-30\%: grito:
La carga de «Unee-T-Inspection-Report-v3-01» en comparación, provoca una carga de CPU durante la carga tiempo que es casi tan alto, pero la huella de memoria alcanza un máximo de 450 MB, lo que lo hace más manejable
Obtener una vista previa de los diseños en Figma para los clientes, ya sea para la entrega del desarrollador o para comentar, es simplemente horrible. Nosotros, como diseñadores, podemos soportar el tipo de recursos que Figma utiliza en nuestra máquina, pero nuestros clientes no pueden. El tiempo de carga de 1 pantalla en Figma vs Invision es de 15 segundos frente a menos de 1 segundo.
Este es, con mucho, el mayor problema que tenemos. Debido a que los clientes y desarrolladores no pueden obtener una vista previa o ver bien los diseños en Figma, tenemos que exportar nuestras pantallas a las plataformas habituales (Invision, Realtime Board) y este proceso es una pérdida de tiempo.
Entonces, ¿cuál es el punto de usando Figma en primer lugar cuando se supone que es donde «todo» tiene lugar en una sola herramienta?
Durante los últimos 3 meses de uso de Figma, a menudo he sentido «Maldita sea, necesito moverme volver a Sketch ”sólo para darse cuenta, lo siento, Figma es una calle de sentido único. Desafortunadamente, 3 de mis proyectos se trasladaron a Figma con la gran visión de que sería mejor en el futuro, solo puedo esperar que Figma mejore rápidamente para abordar las necesidades del cliente tan pronto.
Una herramienta no debe atender solo para la persona del Diseñador, debe considerar todo el ecosistema de usuarios que lo rodea y cómo la herramienta funciona bien con estos diferentes «interesados».
Espero que esto ayude a todos los que quieran mudarse a Figma .