“… ¿Es esta una
situación familiar? Estoy tan seguro, especialmente cuando trabajas en equipo con otros diseñadores. Por lo general, debe crear varias versiones diferentes de archivos, cuya cantidad depende del proyecto, las ediciones y otros factores, y el dolor de cabeza es descubrir todas estas versiones.
En el artículo hablaré sobre las opciones de control de versiones más relevantes y utilizadas, a saber: Zeplin (+ Sketch), Figma, Abstract (+ Sketch), es decir, describiré las funciones y características de estas herramientas relacionadas específicamente con el versionado.
Por qué el control de versiones es importante y necesario en el diseño
- , , . : , ;
- , ( ) , «project1», «project1.1», «project_1», «project1_lastVersion» . ( ), ;
- ;
- Del párrafo anterior se deduce que cuando se trabaja en conjunto, es importante comprender exactamente quién y cuándo realizó los cambios, y cuáles son.
Estas son solo algunas situaciones en las que el uso de un sistema de control de versiones puede acelerar el proceso de desarrollo y evitar que el corazón se detenga cuando parece que todo se ha ido. A continuación, hablaré sobre las ventajas y desventajas de las herramientas de control de versiones con las que tuve que lidiar en mi trabajo.
Zeplin + Bosquejo
El más fácil de usar es Zeplin. Para trabajar con él, el diseñador solo necesita guardar los cambios en el archivo de trabajo de Sketch y exportar las mesas de trabajo de Sketch a Zeplin. Las mesas de trabajo se mostrarán en Zeplin, se pueden agrupar en secciones, ver estilos de elementos, descargar iconos, imágenes, etc., así como formar una guía de estilo, que consiste en una paleta de colores, estilos de texto, distancias entre elementos, componentes / símbolos.
Las ventajas de utilizar Zeplin son las siguientes:
- Como se indicó anteriormente, facilidad de uso: solo necesita exportar la mesa de trabajo seleccionada;
- Posibilidad de comentar sobre mesas de trabajo;
- Notificaciones de comentarios que llegan por correo y se muestran
en el propio Zeplin; - La posibilidad de crear 1 proyecto de forma gratuita y agregar tantos participantes como necesite.
Como cualquier herramienta, Zeplin tiene sus inconvenientes:
- Al cambiar en Sketch una mesa de trabajo que se exportó previamente a Zeplin, debe prestar atención a su nombre. Las mesas de trabajo con el mismo nombre se reemplazan automáticamente entre sí al exportar; sin embargo, si el nombre de la mesa de trabajo exportada difiere del que se cargó previamente en Zeplin, esta mesa de trabajo se exportará a la aplicación como una nueva y no reemplazará la versión irrelevante. La falta de atención al exportar mesas de trabajo puede llevar tiempo verificar que los nombres de las mesas de trabajo coincidan;
- Sketch Zeplin , . (), , ( ), , Sketch-, ;
- ,
Zeplin; - , , ;
- Zeplin , , Zeplin ;
- Sketch Zeplin owner.
Figma
Figma se está introduciendo activamente en el trabajo de los diseñadores debido a su atractiva funcionalidad. Esta herramienta es universal: aquí puede encontrar diseño, creación de prototipos y control de versiones.
¿Qué puede hacer en términos de control de versiones?
- Figma admite el trabajo simultáneo de varios diseñadores en el mismo proyecto. Habiendo abierto el proyecto requerido, el usuario puede ver los nombres de los colegas que están editando y viendo el proyecto junto a la mesa de trabajo / elementos individuales;
- Historial de versiones (o Historial de versiones), para que pueda ver quién hizo los cambios y cuándo, volver a una versión anterior y editar la información sobre la versión seleccionada;
- Comentarios, descripción del componente;
- Figma se puede utilizar como una aplicación en una PC y en un navegador.
Figma tiene muy pocas desventajas, pero las claves son:
- El historial de versiones (la misma información sobre el control de versiones) en una cuenta gratuita se proporciona solo durante 30 días;
- No existen modos de comparación, como, por ejemplo, en Abstract.
Resumen + Bosquejo
Abstract, como Zeplin, funciona junto con Sketch y está diseñado específicamente para el control de versiones, a
diferencia de, por ejemplo, Figma.
Abstract tiene suficientes ventajas:
- Colaboración de varios diseñadores en un archivo al mismo tiempo;
- Almacenamiento de archivos en la nube;
- Úselo como un programa instalado en MacOS y en un navegador
en cualquier PC; - Trabajo sincronizado con los miembros del equipo, lo que le permite enviar los
cambios realizados a la revisión. Los cambios se pueden aceptar o rechazar; - Posibilidad de dejar comentarios y anotaciones, recibir notificaciones sobre ellos;
- La capacidad de comparar archivos entre sí: Abstract proporciona 2 modos de comparación;
- Flujo de actividad, que le permite ver quién cambió qué y cuándo.
Entre las desventajas, destacaría las siguientes:
- Uso pagado. Abstract ofrece una prueba gratuita (solo 30 días para usar con Sketch) y una demostración de 14 días para Adobe XD. Pero este tiempo es suficiente para familiarizarse con la herramienta, trabajar junto con el equipo y comprender si Abstract es conveniente o no;
- Por el momento, se proporciona una versión completa para el trabajo solo para Sketch + Abstract, es decir, es adecuada para MacOS. Como se mencionó anteriormente, Abstract se está expandiendo
a Adobe XD, pero hasta ahora solo está disponible una versión beta.
Qué elegir para el control de versiones
Depende de la herramienta en la que el diseñador esté trabajando en el proyecto. Utilizo tanto Sketch como Figma en mi trabajo. Sin embargo, habiendo considerado 3 opciones de control de versiones diferentes, a saber, Sketch + Zeplin, Figma, Sketch + Abstract, considero que Abstract es la más funcional, por lo que consideraré el control de versiones con más detalle.
¿Es la tableta mágica abstracta?
Abstract es una especie de GitHub para diseñadores. El principio de funcionamiento es que el diseñador carga un archivo Sketch previamente creado en Abstract (este archivo es un archivo maestro, es decir, contiene las mesas de trabajo / elementos e información más relevantes sobre el proyecto). Varios diseñadores pueden trabajar en un archivo maestro al mismo tiempo. Para ser más precisos, cada diseñador trabaja en su propia copia (rama) del archivo maestro. Cuando termine, la rama debe estar comprometida con Abstract. Confirmar la rama es imprescindible, porque esta es la única forma de guardar los cambios realizados en la rama y agregarlos a Abstract. La confirmación no afectará el contenido del archivo maestro de ninguna manera hasta que se produzca la fusión (en otras palabras, fusión). Puede fusionar no solo una rama con un archivo maestro, sino también una rama con una rama.
En Abstract, como en Zeplin y Figma, puede ver los estilos de los elementos, así como la capacidad de descargar iconos e imágenes usados.
Además, la sección Propiedades muestra qué estilo se encuentra actualmente el elemento seleccionado en el archivo maestro y qué estilo es el mismo pero el elemento modificado en la confirmación visualizada actualmente.
Un archivo maestro puede contener varias mesas de trabajo. Al realizar ediciones, todos los cambios se guardan en segundo plano. Solo necesita confirmar la rama con la que trabajó el diseñador, y todos los cambios se reflejarán en Abstract. Las mesas de trabajo modificadas o los elementos modificados individuales se marcan con el icono Editado. Gracias a esto, el diseñador no necesita crear una gran cantidad de archivos con diferentes versiones del proyecto, ya que todo está claramente guardado y mostrado en un solo lugar.
Como se mencionó anteriormente, Abstract proporciona modos de comparación.
El primer modo de comparación es uno al lado del otro: cuando la mesa de trabajo del archivo maestro y la mesa de trabajo modificada de la rama se encuentran una al lado de la otra.
El siguiente modo de comparación es la superposición: cuando la mesa de trabajo del archivo maestro y la mesa de trabajo modificada de la rama se superponen entre sí, y todos los cambios se muestran sobre un fondo blanco.
Además de lo anterior, Abstract tiene otras funciones útiles, por ejemplo, puede sincronizar bibliotecas de Sketch, crear colecciones, conjuntos de mesas de trabajo que debe presentar a sus colegas.
El flujo de actividades contiene los cambios realizados, comentarios, creación de ramas, confirmaciones, fusiones y otras actualizaciones. Muestra quién, cuándo y qué exactamente cambió, agregó, comentó, aprobó o desaprobó, fusionó, etc.
Zeplin, Figma y Abstract hacen que sea más rápido y más fácil trabajar en proyectos no solo para los diseñadores, sino para todos los miembros del equipo. Pero los más exitosos, en mi opinión, son Figma y Abstract (Abstract en mayor medida por la funcionalidad y el contenido informativo en cuanto al control de versiones). Utilizándolos, los miembros del equipo no necesitan dedicar mucho tiempo a reuniones, discusiones de chat para averiguar qué cambios se han realizado en los diseños y dónde deben mirar para verlos. El uso del control de versiones en cualquier forma mejora la colaboración entre los miembros del equipo, la comprensión del proyecto y, en el mejor de los casos, acelera el desarrollo.
En este artículo, he considerado lejos de todas las opciones de control de versiones existentes en el diseño, pero las más famosas y más utilizadas. Si un equipo de varios diseñadores está trabajando en un proyecto, vale la pena considerar el control de versiones en Abstract o Figma, y Zeplin es más adecuado para un solo trabajo, cuando no es necesario colaborar y trabajar simultáneamente con otros colegas en el mismo archivo. De cualquier manera, no está de más probar cada una de estas herramientas.