¿Cómo crear estilos en Sketch y para qué sirven?

Autor: | Última modificación: 5 de abril de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

Diseñar requiere repetir diferentes acciones de forma consecutiva para que los elementos de la interfaz tengan consistencia. Una de las acciones que más debes realizar es modificar los estilos de texto o de capas. Para facilitarte este proceso, en este post te explicaremos cómo crear estilos en Sketch y para qué sirven.

¿Qué es un estilo en Sketch?

Si quieres saber cómo crear estilos en Sketch, es importante que primero sepas qué es exactamente un estilo.

Un estilo es una opción que nos ofrece Sketch para crear una forma predeterminada de texto o capa, es decir, es como un conjunto de características como tipografía, color, borde o tamaño que guardamos para aplicarlo como una totalidad. Al hacer uso de esta opción, ese conjunto que guardamos como estilo nos sirve para crear otros elementos con esas mismas cualidades. Existe dos tipos de estilos:

Al igual que una variable de color, un estilo se puede crear para usarlo en un documento o en varios. Esto permite que diseñar sea un proceso más ágil, porque puedes establecer unos valores predeterminados para aplicarlos en los todos elementos que incluyas en tu interfaz.

¿Cómo crear estilos en Sketch?

🔴 ¿Quieres entrar de lleno al Desarrollo Mobile? 🔴

Descubre el Desarrollo de Apps Móviles Full Stack Bootcamp de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp en Desarrollo de Apps Móviles por una semana

A continuación te explicamos cómo crear estilos en Sketch, ya sean estilos de texto o de capa:

Estilos de texto

Para crear un estilo de texto es necesario seleccionar la capa donde hayas agregado un texto con diferentes características; después, en el inspector, puedes seleccionar la opción de tomar las especificaciones de ese texto para que se convierta en un estilo. Este lo podemos nombrar y guardar con el fin de usarlo en los diferentes elementos que asociamos a ese estilo y modificarlos de manera automática. Los estilos también se pueden crear a través de la vista de componentes, donde encontramos la opción de crear estilo de texto.

Estilos de capa

Este tipo de estilos funciona igual que el anterior. Para crear un estilo de capa se pueden seguir los mismos pasos mencionados para crear un estilo de texto. Es decir, nos dirigimos al inspector o a la vista de componentes y elegimos, en este caso, la opción crear nuevo estilo de capa.

La particularidad de los estilos de capa es que solo funcionan con capas de formas, como figuras geométricas, iconos o artboards, lo que quiere decir que no funciona en capas de texto.

¿Para qué sirven los estilos en Sketch?

En general, tanto los estilos de texto como los de capa sirven para proporcionarle al diseñador una herramienta u opción que le permita diseñar un elemento y guardar las características como predeterminadas, con el fin de que este no tenga que repetir el proceso de forma consecutiva, sino que las acciones sean más automáticas. Estos estilos permiten realizar un trabajo más ágil y rápido.

En caso de que te interese aprender más sobre Sketch, te invitamos a leer nuestro post ¿Qué es Sketch y cómo funciona?, en donde te hablamos sobre algunos aspectos generales del funcionamiento de este.

¿Por dónde seguir?

Ahora que conoces cómo crear estilos en Sketch para optimizar el tiempo de trabajo, ¿te gustaría aprender más sobre el desarrollo y diseño de una aplicación? Nuestro Desarrollo de Apps Móviles Full Stack Bootcamp es perfecto para continuar con tu formación, ya que en menos de un año te enseñaremos pautas de diseño y aprenderás a dominar programas destinados a ello. ¡No dudes en apuntarte!

[email protected]