Cómo crear símbolos en Sketch

Sketch es un programa de diseño compatible con los sistemas y dispositivos propios de la empresa Apple. Es fácil de manejar y le ofrece muchas posibilidades al diseñador. Hoy te hablaremos acerca de qué son los símbolos en Sketch, cómo es su proceso de creación y cómo podemos insertarlos en nuestra mesa de trabajo. Todo esto lo puedes necesitar para agilizar tu ritmo de trabajo y tener diseños que sean uniformes o congruentes entre sí.

¿Qué son los símbolos en Sketch?

Los símbolos en Sketch son una posibilidad que nos ofrece este programa para acelerar el flujo de trabajo, esto se da gracias a la opción de guardar y reutilizar elementos que pueden ser comunes en nuestro diseño.

Una característica importante de estos es que, al igual que sucede con los estilos y las variables de color, los cambios que se realizan en un símbolo aparecen en todos los lugares en los que se replicó ese elemento.

En general, podemos decir que los símbolos en Sketch se pueden crear para ser usados en un solo documento o para reutilizarlos en diferentes diseños. Esta situación optimiza y acelera el tiempo de trabajo invertido en cada diseño, puesto que no es necesario empezar la creación de un símbolo desde cero.

¿Cómo crear símbolos en Sketch?

Para poder crear un símbolo en Sketch, en primer lugar es necesario seleccionar un grupo de elementos o las capas que están relacionadas con el símbolo que queremos guardar. Después debes dirigirte a la barra de herramientas, donde te aparecerá una casilla llamada capa que, al seleccionarla, te ofrece la posibilidad de crear un símbolo.

También existe otra opción que se puede considerar más simple y rápida, puesto que consiste en presionar la tecla CTRL y la tecla Y.

Después de crearlo, puedes asignarle un nombre al símbolo y elegir si deseas ubicar la versión de origen en una página de símbolos separada o mantenerla en la página actual. Los símbolos en Sketch constan de dos partes:

• Fuente.
• Instancia.

Cuando creamos un símbolo, este solo tendrá una fuente, mientras que no hay un límite de instancias, es así que al modificar la fuente del símbolo, esta se actualiza en todas las instancias que están ligadas a él.

Sketch también tiene la característica de revertir la creación de un símbolo, es decir, si queremos convertir un símbolo en una capa normal nos dirigimos al mismo menú usado para la creación de símbolos y, en este caso, seleccionamos la opción convertir símbolo en mesa de trabajo, lo que permitirá que todas las instancias que se encuentren ligadas al símbolo se conviertan en grupos y, al editar esta capa, los demás no se actualizarán.

Como insertar símbolos en Sketch

Existen tres formas de acceder o insertar los símbolos en Sketch. Esto se puede hacer a través de:

• Vista componentes: es necesario cambiarnos a la vista componentes para poder visualizar todos los símbolos existentes en un documento. Después debes elegir el símbolo que necesitas y ahí tendrás la opción insertar símbolo en el inspector.
• Ventana, insertar: puedes presionar la tecla C o seleccionar en el menú la casilla ventana, que te ofrecerá la opción insertar. Después, debes buscar el símbolo que necesitas y arrastrar la vista previa hasta el lienzo.
• Menú, insertar: para insertar un símbolo desde el menú, puedes dirigirte a la barra de herramientas y seleccionar la opción insertar, lo que te permitirá visualizar los documentos o los símbolos contenidos en la biblioteca para después usarlos en tu mesa de trabajo.

Si te gustaría aprender más acerca del programa de diseño Sketch, es posible que te interese leer nuestro post ¿Qué es Sketch y cómo funciona?, en donde te explicaremos los aspectos generales de su funcionamiento.

¿Por dónde seguir?

Gracias a este post, ya sabes qué son los símbolos en Sketch y cómo crearlos. Sin embargo, este programa aún tiene muchas otras herramientas que seguro que te gustaría conocer. Si deseas aprender más sobre el desarrollo y diseño de aplicaciones, te invitamos a echarle un vistazo a nuestro Desarrollo de Apps Móviles Full Stack Bootcam. Gracias a este bootcamp, solo necesitarás unos meses para dominar los programas de diseño y los lenguajes de programación, entre otros muchas habilidades relacionadas con el sector IT. No esperes más e ¡inscríbete!