Plugins para extender las funciones de Sketch

Herramientas de diseño web

Valentina Reyes
Jan 6, 2016 · 4 min read

Recomendamos nueve plugins para el software de diseño web Sketch. Estas herramientas te ayudarán a crear interfaces más precisas en menos tiempo, facilitando las tareas de esta etapa de los proyectos digitales.

En diseño web, contar con herramientas adecuadas es fundamental para asegurar la eficiencia del trabajo. Afortunadamente, hoy existen muchas opciones que se pueden personalizar según las necesidades de cada profesional y el proyecto en el que esté trabajando.

Hace un tiempo les contamos sobre las ventajas de Sketch, un software de diseño gráfico pensado para el mundo digital. En esta nota les recomendamos algunos plugins que extienden las funciones de esta plataforma para facilitar el trabajo de los diseñadores y mejorar la calidad de los resultados.

Dynamic Button

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

Measure

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

Rename It

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

Swatches

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/

Content Generator

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

Sketch Palettes

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

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/

Aspect Ratio

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

Finalmente, te sugerimos que instales SketchToolBox, una herramienta que te ayudará a encontrar plugins muy útiles. Funciona con un buscador en el que puedes filtrar por palabra clave, descripción o autor.


Originally published at www.ida.cl on January 6, 2016.

Valentina Reyes

Written by

UX Lead en Mutual de Seguridad. Co-Lider de Talleres en @masmujeresux y Encargada de diseño en @ixdasantiago

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade