Descargar librería para FOLIO

La librería de FOLIO es un archivo de Sketch con todos los componentes necesarios para diseñar la interfaz de una app de FOLIO desde cero.

Librería de Sketch para FOLIO

Añadir la librería

Para poder usar los símbolos de la librería, primero, tienes que añadir la librería a Sketch.

Abrir preferencias

Descarga la última versión de los patrones de FOLIO a tu escritorio y ve a “Sketch > Preferences “.

Abrir librerías

Abre la sección libraries. Selecciona la última versión de la librería de patrones de FOLIO desde tu unidad local.

Clica en «Add library»

Ahora ya puedes seleccionar el archivo de patrones de FOLIO de tu unidad local e instalar el archivo de la librería en la lista de librerías.

Insertar símbolos

Puedes añadir símbolos a tu artboard o lienzo para acelerar tu proceso de diseño, y poder estar seguro de que tu diseño se adapta a los estándares del proyecto.

Clica en «Insert»

La librería de símbolos se puede ahora encontrar dentro de la sección “Insert”.

Seleccionar símbolos

Abre la pestaña “Symbols” para ver los grupos de símbolos.

Elige y ubica el símbolo

Elige el símbolo que quieres usar y colócalo en tu artboard.

Intercambiar símbolos

Puedes cambiar fácilmente símbolos hermanos con el método de intercambio de símbolos.

Menú dropdown de símbolos en la barra lateral derecha

Selecciona el símbolo que quieres cambiar en el artboard y clica en el dropdown en la barra lateral oportuna.

Intercambiar símbolos

Elige un símbolo entre los símbolos hermanos relacionados con el símbolo que has seleccionado en el artboard.

Cambio rápido

Es fácil cambiar símbolos usados en tu trabajo con los símbolos en la librería de símbolos.

Overrides

El contenido de los símbolos puede ser modificado fácilmente con el método de los overrides.

Panel de overrides

Cuando seleccionas un símbolo que contiene capas de imagen o texto anidadas dentro del símbolo, el panel de overrides aparece en la barra de paneles a la derecha.

Cambia el contenido

Ahora eres capaz de editar el contenido para que encaje con el propósito de tu visión de diseño.

Contenido actualizado

Una vez has seleccionado otro elemento del artboard, Sketch actualizará el contenido en el artboard por ti.

Estilos de capa

Los colores de las formas se pueden modificar fácilmente con los Estilos de Capa.

Panel de Estilos de Capa

Los estilos de capa están ubicados en el panel menú de la derecha en la caja blanca entre la capa general y las propiedades de estilo del Inspector.

Cambiar estilo de capa

Selecciona la capa que quieres cambiar y aplica el estilo.

Mira la diferencia

Tu forma seleccionada ahora se actualiza para encajar con el estilo de la capa.

Estilos de texto

Sigue este procedimiento de 3 pasos para cambiar el estilo de tu texto.

Panel de estilos de texto

Puedes acceder a los estilos de texto clicando en el icono dropdown al lado de “No text style” en el panel menú de la derecha.

Cambiar estilo de texto

Una vez has seleccionado el texto, puedes aplicar uno de los estilos de texto del panel de la derecha.

Cambiar estilos es fácil.

Cuando usas el método del estilo de texto, puedes estar seguro de cumplir con los estándares de diseño.

Descargar la librería para FOLIO

Sugiere nuevas funcionalidades

La librería de Sketch de FOLIO está abierta a todos! Si te gustaría sugerir una funcionalidad/recurso de diseño, puedes hacerlo ahora a través del siguiente link.

Sugiere una funcionalidad