Plugins para extender las funciones de Sketch

Con este plugin podrás crear botones que se ajusten automáticamente al texto contenido en ellos, solo debes definir los paddings, esto es, el margen o la distancia que hay entre el borde del bloque de texto y el límite de la caja.

En el primer ejemplo podemos ver que la capa de texto dice “0:0:0:0”, esto equivale a su padding, el que funciona de igual forma que en propiedades CSS. En la segunda imagen, cuando indicamos los valores iguales arriba/abajo y izquierda/derecha de “20:20”, las palabras quedan centradas dentro del cuadro.

Link: https://github.com/ddwht/sketch-dynamic-button

Detalla diferentes valores del elemento que selecciones, podrás ver las dimensiones de imágenes, propiedades de los textos y medidas de los márgenes.

Esta herramienta es útil para generar el detalle de lo que estás creando.

Link: https://github.com/utom/sketch-measure

Cuando estás diseñando, se crean diferentes capas y elementos a los que se les asigna un nombre por defecto. Usando este plugin podrás renombrarlos en conjunto, agrupándolos y ordenándolos para facilitar tu trabajo.

Link: https://github.com/rodi01/RenameIt

Si necesitas preparar un documento que muestra la paleta de colores, este plugin será de gran ayuda, sólo debes introducir los códigos de color hexadecimal y generará una presentación ordenada.

Link: http://build.pixelunion.net/sketch-swatches/

Al generar maquetas o propuestas de diseño, debes tener a mano contenidos simulados para presentarlos. Este plugin entrega varias opciones, como imágenes de personas o paisajes, nombres, ciudades, emails y textos de relleno.

Link: https://github.com/timuric/Content-generator-sketch-plugin

Proporciona tres listados de iconos, creados con diferentes fuentes tipográficas. Las que más usamos son Font Awesome, Material Design y Ion Icon.

Link: https://github.com/keremciu/sketch-iconfont

Sketch ofrece la opción de crear una paleta de colores para el documento, pero esta solo queda guardada para el archivo que se está utilizando. Gracias a este plugin, podrás grabarla y cargarla luego en otro proyecto.

Link: https://github.com/andrewfiorillo/sketch-palettes

Style Inventory permite generar una hoja de estilos con todo lo que tengas en el documento.

Agrupa estilos similares y ofrece la opción de exportar todos los elementos de nuestro diseño, incluyendo colores, tipografías y símbolos.

Link: https://github.com/getflourish/Sketch-Style-Inventory/

Este plugin permite aplicar las proporciones más utilizadas a elementos existentes en tu diseño. Al seleccionar un objeto te ofrecerá las opciones 4:3 o 16:9, entre otras.

Link: https://github.com/designedbyDC/Aspect-Ratio