5 ‘plugins’ de Sketch que me solucionan la vida

Cómo sacarle mayor rendimiento a Sketch con mis ‘plugin’ favoritos.

Pixel Perfect
Published in
5 min readDec 6, 2016

--

Sketch, para los que no lo sepan aún, es una herramienta de diseño vectorial usada principalmente por diseñadores UX y UI. La herramienta, además de ofrecer una interfaz y flujo de trabajo muy intuitivo, te permite poder customizarla a tu gusto instalando diferentes plugins realizados por desarrolladores externos.

En este artículo paso a listar los cinco que más me ayudan a mejorar mi sistema de trabajo y que recomiendo.

Content Generator

Content Generator es una herramienta que te permite obtener información ficticia de una manera rápida para que tus diseños parezcan más reales. Esta información puede tratarse de fotos, números, textos, elementos geográficos o imágenes y nombres de perfil definidos por género. Solamente con pulsar en un objeto, pudiendo ser una forma o un área de texto, el plugin nos colocará la información que necesitemos. Super sencillo de usar y, como digo, ahorra muchísimo tiempo a la hora de crear interfaces.

Content Generator Plugin

Sketch Measure

¿Hay proceso más aburrido que la creación de assets y specs? Para esto último (creación de specs), Sketch Measure hace las delicias de los más gandules. Lo mejor de este plugin es que puedes configurarlo según te convenga mejor: medidas estándar para web, específicas para iOS o Android, Ubuntu o especiales para CSS basadas en REM. Te permite también definir escalas, unidad de medida general y configurar colores para su previsualización. Canela fina. Además, te permite añadir una toolbar para facilitarte el acceso y acelerar tu proceso de trabajo. Si estás cansado de definir medidas a mano, estás tardando en instalarlo.

Configurador del plugin Sketch Measure

Sketch Palettes

Quizás una de los plugins más sencillos y que más uso desde que comencé con Sketch. Este plugin te permite exportar e importar paletas de colores de una manera fácil y rápida. Sketch Palettes parece un poco inútil y simple, pero cuando trabajas con varios proyectos, con varias personas y tienes que crear nuevos documentos y definir una interfaz, este plugin te ayuda a crear, editar, compartir y usar paletas de colores de una manera rápida y eficiente.

Plugin Sketch Plattes

Sketch Export Assets

Si definir specs es tedioso y para ello teníamos un plugin, exportar assets es aún más aburrido si cabe, y también existe un plugin para ello. Sketch Export Assets te permite exportar un elemento en las medidas necesarias para la plataforma para la que estés diseñando en un proceso mucho más dinámico. Lo único que tienes que hacer es seleccionar el elemento, ejecutar la acción, seleccionar ubicación y ¡tachán!, assets creados.

Opciones disponibles en Sketch Export Assets

Craft Manager

La joya de la corona. El hijo favorito, prodigio. El listo de la clase. Craft Manager es la p**a hostia (y está hecho por inVision). Supongo que no descubro la pólvora, y si la estoy descubriendo para ti, joder, ¿qué hacías sin este plugin instalado? Bueno, más que un plugin, Craft Manager es una nueva herramienta que se integra en la interfaz de Sketch y hace las delicias de los que más horas dedicamos a este software. Craft se divide en varios apartados:

  • Sync —aún en beta—: para poder sincronizar tus artboards con tu cuenta en inVision en un sólo clic.
  • Library: Esta acción te permita importar guías de estilo o las crea automáticamente (¡¡!!). Por supuesto, de una manera muy básica, pero qué ahorro de tiempo y qué manera de saber si la estás liando o no.
  • Custom / Web / JSON: como el plugin content generator, Craft también tiene un generador de contenido integrado llamado Custom. Todos los recursos que usa están alojados en servicios web bastante famosos o en carpetas propias que tengamos en Dropbox. Si no das con lo que buscas, usando la pestaña Web podrás buscar aquellos recursos por ti mismo y colocarlos en tu interfaz. Si esto tampoco te contenta, podrás buscar o cargar objetos JSON usando la pestaña del mismo nombre.
  • Repeat: Esta sección te permite poder clonar elementos, vertical y horizontalmente, de una manera fácil y rapidísima. Puedes controlar la cantidad de clones que quieres, el espacio entre ellos y si quieres una línea que los separe. Todo un alivio cuando tienes listas interminables.
  • Prototype —aún en beta—: lo mejor para el final. Craft, al ser un producto de inVision, también permitirá crear prototipos directamente en Sketch para poder testearlos directamente en diferentes dispositivos 😱
Captura de Prototype por Craft Manager de inVision

Mención especial a la aplicación Sketch Toolbox, un software desarrollado por terceros que recoge todos aquellos plugins creados hasta la fecha, facilitándote la gestión de estos de una manera fácil e intuitiva. Una herramienta que me ha ayudado tremendamente a la hora de buscar los plugins que mejor encajaban con mi manera de trabajar.

¿Cómo se te queda el cuerpo? Si aún no te has animado a trabajar con Sketch, no esperes más y coméntame cómo te han funcionado los plugins que te recomiendo. Si ya estás acostumbrado a trabajar con Sketch y tienes otros plugins favoritos, no dudes en comentarlos también.

Y si te animas a compartir tus conocimientos sobre diseño, te invito a pasarte y a participar en la publicación en Medium sobre diseño: Mínima Opacidad. Estamos buscando siempre nuevos colaboradores.

Artículo escrito por Manu Franco.

--

--