Cómo diseñar un UI Kit

El UI Kit es donde tenemos todos los elementos que van a aparecer en nuestra interfaz, como fuentes, tamaños, íconos y paleta de color. Esto siempre está creciendo, así que una buena práctica es crearlo y tenerlo en una página aparte, donde puedas ser tan detallado como quieras, añadiendo por ejemplo estados de los botones.

Aunque la paleta de color es el resultado de un proceso de la identidad corporativa, es algo que necesitamos tener dentro de nuestro UI Kit. Ahí debemos tener el color de las acciones, y otros colores que nos sirvan para dar jerarquía a los diferentes elementos. Sketch permite crear paletas de color personalizadas para que podamos acceder fácilmente a cada uno de los colores que definimos para nuestro diseño.

Otra buena práctica al elegir las fuentes es no elegir más de dos. Si tenemos muchos tipos de fuente no es fácil saber cuál va mejor al lado de otra. Al definir una fuente, su tamaño y su color podemos crear estilos y guardarlos para reutilizarlos después.

Tip: Para convertir un texto en un vector le podemos dar click derecho y elegir la opción convert to outlines.