10+ nuevos plugins de Sketch para mejorar el flujo de trabajo en tu diseño

Ha pasado más de un año desde que escribí este artículo, en el que te mostré cómo ampliar Sketch mediante plugins y diferentes recursos. La comunidad de Sketch continúa creciendo, y en los últimos meses nos ha dado toneladas de nuevas e interesantes formas de hacer más fácil nuestro trabajo diario.

Deja que te comparta selección especial de los mejores plugins de Sketch que he visto hasta ahora.

Nota: ten en cuenta que algunos de los siguientes ejemplos son experimentales o continúan en proceso de desarrollo.

Marketch

Marketch es un plugin de Sketch 3 para generar automáticamente páginas HTML que después podemos medir y usar para obtener estilos CSS.

De verdad amo este plugin. Exporta tus mesas de trabajo en un solo archivo zip, luego extrae los archivos para ver su contenido. ¡Abre el archivo HTML para descubrir lo que Marketch ha hecho para ti y para tu equipo de desarrollo!

Sketch Constraints

A partir de la idea de trabajar con disposiciones mientras se diseña en Sketch, Maetj Hrescak desarrolló Sketch Flex Layout. Después, Marc Bouchenoire fue más allá al crear Sketch Constraints.

Usa este plugin para restringir la posición de un elemento en la disposición relativa al origen (ya sea un grupo o mesa de trabajo). El ejemplo que Marc usa es una colección de disposiciones de iOS, desde iPhone hasta iPad. Al restringir varios elementos relativos a la mesa de trabajo, éstos mantienen su posición cuando la pantalla aumenta de tamaño.

Las restricciones están enlazadas a sus nombres de capa, así que al aplicar restricciones a una capa llamada botón, aplicarás esas mismas limitaciones a todas las capas llamadas botón.

Ve este video para una demostración clara.

Select Similar Layers

Esta es muy útil. Select Similar Layers te permite seleccionar capas con los mismos atributos que las que ya has seleccionado

Esos atributos pueden ser color de relleno, de borde, grosor de borde, fuente, opacidad o modo mezcla. Funciona de manera similar a la característica "Seleccionar Objetos Similares" de Adobe Illustrator.

Find and Replace, Replace Font

¿Qué pasa cuando necesitas "encontrar y reemplazar" dentro de capas de texto? ¡No te preocupes! ¡Intenta con Find and Replace!

¿Necesitas cambiar una fuente en todo el documento? ¡Sigue sin preocuparte! Replace font es lo que buscas.

Sketchy Pies

Con Sketchy Pies, ¡crear gráficas de pastel en Sketch te toma un instante! Instala el plugin, haz un círculo, elige los colores y ¡listo! Sketch Pies convertirá tu círculo en una gráfica de pastel editable (pero no comestible).

Desafortunadamente, por ahora no hay manera de agregar datos, así que toma en cuenta que todas las secciones tendrán el mismo tamaño.

Color Picker Plus

Vayamos de vuelta a febrero de 2014, cuando Dominik Schmidt habló sobre las características de Sketch que deberías usar. Una de ellas era Color Picker, que permitía elegir fácilmente un color de cualquier parte de la pantalla. Era muy efectivo.

Sin embargo, solo funciona para cambiar el color de un objeto, no para el color de borde. Una vez más, algunos chicos listos pensaron que era algo que podría arreglarse con plugins. ¡Deja que te comparta Color Picker Plus para arreglarlo!

¡Queremos más plugins!

Recuerda: la cantidad no es mejor que la calidad. Los plugins que te mencioné antes añaden algunas características interesantes a Sketch, las cuales he probado yo mismo y me sirvieron de mucho. De todos modos, aquí hay algunos plugins más que parecen interesantes, pero aún no los he probado. ¡Pruébalos y cuéntanos en los comentarios qué te parecieron!

Sketch Icon-Font es uno de esos plugins, el cual te permite importar y trabajar con diferentes paquetes de iconos de fuentes. Luego está Sketch Data Populator, el cual obtiene datos de una fuente JSON y te permite ver cómo tus diseños cobran vida con datos significativos y realistas.

Por último, quizá quieras revisar el plugin Cemre Sketch. Contiene características útiles como Paste and Swap; pega la imagen del portapapeles en la posición y dimensiones del objeto seleccionado, luego retira el objeto.

Esto es todo, por ahora

Si estás buscando un lugar que tenga más plugins de Sketch, no olvides revisar el depósito oficial de plugins, Plugin Finder, de los chicos de SketchTalk.io y Sketch Plugin Directory. Si crees que he olvidado algo importante o tienes alguna pregunta, ¡estaré encantado de responderte en la sección de comentarios!