Boceto: los símbolos no aparecen en las anulaciones

TL; DR: el tamaño de su símbolo no es el mismo que la anulación.

Entonces, ha creado un símbolo y desea utilizar la sorprendente función de anulación de Sketch. Pero no puedes encontrar tu símbolo.

Por ejemplo, desea anular los iconos de la barra de pestañas de iOS.

Entonces creaste una mesa de trabajo con uno de los marcos de dispositivos iOS y le agregaste una barra de pestañas:

Ahora, creó el ícono de la barra de pestañas utilizando la guía de tamaño de íconos de la barra de pestañas de Apple:

Luego lo convirtió en un símbolo y ocultó la capa de guía de tamaño en la página de símbolos.

Ahora está listo para anular el símbolo anidado del icono de la barra de pestañas. Vuelva a su mesa de trabajo con el marco del dispositivo iOS y la barra de pestañas, haga clic en uno de los iconos que desea anular y ...:

Whoa! donde esta mi simbolo

Esta cosa me volvió loco. Al principio, pensé que esto era un error porque a veces funcionaba y otras no.

Después de buscar un poco sobre esto, me topé con la página de documentación oficial de Sketch: Símbolos anidados.

La página dice lo siguiente sobre las anulaciones anidadas:

Anulaciones anidadas
Como se mencionó en el capítulo Edición de símbolos, los símbolos anidados también se pueden anular, junto con imágenes y texto en la instancia de un símbolo.
Anular un símbolo anidado le permitirá intercambiar los símbolos contenidos en una instancia, con cualquier otro símbolo que sea del mismo tamaño. Supongamos que tenía un símbolo de una barra de herramientas que contiene un símbolo de un icono. Con las anulaciones, puede cambiar el símbolo del icono, con el símbolo de otro icono, o nada en absoluto. Estas anulaciones anidadas significan que puede tener menos símbolos que sean similares y tener más poder y control sobre instancias individuales.

Más importante aún, lo que me llamó la atención fue:

Anular un símbolo anidado le permitirá intercambiar cualquier símbolo contenido en una instancia, con cualquier otro símbolo que sea del mismo tamaño.
Vamos, Sketch. Resalta esto o algo. Esta es una información importante allí!

¿Qué? ¿podría ser que la guía de tallas no coincida con la barra de pestañas?

Bueno, antes que nada, puede ser. Nadie puede ser perfecto y se pueden cometer errores y alguien podría haber agregado una barra de pestañas con el tamaño incorrecto o incorrecto para las guías de tamaño.

En mi caso, el problema fue que agregué una barra de pestañas de la biblioteca de IU de iOS de Sketch y la guía de tamaños de la biblioteca oficial de iOS 11 de Apple.

Sin embargo, no sé por qué no coinciden. Pero para darme cuenta de esto, tuve que:

  • Haga doble clic en la barra de pestañas -> Desvincular de la biblioteca
  • Haga doble clic en uno de los elementos de la barra de pestañas> Desvincular de la biblioteca
  • Inspeccione ese artículo y sus tamaños de capas

Todo eso, solo para notar que la diferencia es que los íconos de la barra de pestañas de la biblioteca de Sketch tienen un tamaño de 48x34 en lugar de 48x32, que es la guía de tamaños proporcionada por Apple.

¡Tomé la barra de pestañas de la interfaz de usuario de Apple en lugar de Sketch’s y Wolala !:

Mejores soluciones

¿Por qué Sketch no me ofreció ninguna solución para eso? Quiero decir, hay muchas mejores soluciones posibles que simplemente no muestran un símbolo en la lista.

Por supuesto, no culpo a nadie más que a mí mismo por no notar esto y estoy seguro de que los dibujantes experimentados lo saben.

Pero, Sketch podría:

  • Muestre todos los símbolos y si el usuario selecciona algo que no coincide, muéstrele una alerta que diga: "Oye, este tamaño no coincide con el tamaño de la anulación" o algo así.
  • Muestra todos los símbolos y, si hay símbolos que no coinciden, atenúalos y agrega un ícono cerca de ellos, que indique algo sobre su tamaño.
  • Muestre todos los símbolos y, si el usuario selecciona algo que no coincide, ofrézcale: Cambiar el tamaño del símbolo seleccionado, crear un nuevo símbolo cambiando el tamaño o simplemente usar una versión redimensionada de ese símbolo solo en esta instancia.

El equipo de desarrollo de Sketch está haciendo un gran trabajo y siguen actualizando la aplicación con características sorprendentes una y otra vez. Estoy bastante seguro de que algún día llegarán a esto también.

PD: He estado usando Sketch 48.2 cuando escribí esta publicación. Si algo ha cambiado, hágamelo saber en la sección de comentarios a continuación, por favor. :)

Espero haber ayudado a alguien y gracias por leer.