Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Sketch
Webdesign

Plugins, recursos y freebies para darle vida a Sketch

by
Length:ShortLanguages:

Spanish (Español) translation by Armando Sotoca (you can also view the original English article)

En Tuts+ siempre queremos ofrecer material útil a nuestros lectores. Es por eso que escuchamos, leemos lo que piden...y se lo damos. Y sabemos que actualmente Sketch es un tema muy de actualidad. Hemos publicado recientemente algunos artículos como por ejemplo 9 Sketch Features You Should Be UsingSketch Para Principiantes: Diseño De La Interfaz De Un Formulario De Login. Hemos querido dar un paso más y ofrecer este recopilatorio en el que podréis encontrar algunos de los recursos más útiles disponibles para Sketch.

Primera parada

Antes de dar algún paso más, aquí van algunos enlaces imprescindibles y oficiales para estar siempre actualizados sobre lo que va surgiendo gracias a la comunidad de Sketch y sus creadores:

Plugins

Añadir nuevas funcionalidades a Sketch es tan sencillo como instalar alguno de los plugins disponibles actualmente. A continuación te ofrezco algunos ejemplos de los que más me gustan y considero más útiles.

Recuerda que instalar un plugin para Sketch es tan simple como hacer doble click en el archivo .sketchplugin. Si quieres saber un poco más sobre este tema, puedes dirigirte a la sección Plugins Basics en la web de Sketch.

Consejo: Una opción adicional interesante sería emplear Sketch Toolbox, un gestor de plugins disponible para Sketch. No es oficial pero ofrece una forma diferente para gestionar y descubrir nuevos plugins (necesitarás al menos OSX 10.9).

Sketch Toolbox un gestor de plugins para Sketch

Sketch Commands

He sido un usuario muy activo de Adobe Fireworks y la extensión Orange Commands creada por Ale Muñoz me hacía la vida mucho más sencilla.

Sketch Commands creados por Ale Muñoz

Ale en un tipo increíble y su contribución a Sketch y su comunidad es enorme. Un buen ejemplo de ello sin lugar a dudas sería: Sketch Commands, un "port" para Sketch de sus Orange Commands. Con Sketch Commands podemos automatizar un buen puñado de procesos como por ejemplo: exportación automática, ajuste de tamaños, duplicar contenidos, etc.

Style Inventory for Sketch

Otra buena idea sería instalar junto a Sketch Commands Style Inventory for Sketch. Estos otros añadidos te aportarán otras funcionalidades adicionales que creo que se complementan muy bien. Por ejemplo te será más sencillo gestionar los estilos dentro de tus diseños, evitando inconsistencias y agrupando aquellos que sean similares. Style Inventory for Sketch incorpora un buen surtido de opciones. Lo mejor que te puedo recomendar es que le eches un vistazo.

Un ejemplo de muestras de color recopiladas

Sketch Measure 

Sketch Measure nos permite automatizar el proceso de creación de notas con propiedades de los elementos diseñados

Sketch Measure

Añadir notas es una forma rápida y fiable de añadir pequeños detalles informativos a nuestros diseños. Este plugin es especialmente útil si estamos preparando archivos que van a ser enviados a otras personas o cuando estamos trabajando en grupo.

Sketch-slicy

Sketch-slicy

¿Conoces Slicy para Photoshop? Este plugin hace básicamente lo mismo: renombramos de una forma concreta las capas incluídas en nuestro diseño y Sketch-slicy las exportará de manera automatizada como archivos independientes. Sketch-slicy está disponible en su repositorio oficial donde su autor también nos recomienda Sketchflow como alternativa. Y si buscamos otra buena alternativa adicional, podemos probar sin miedo a equivocarnos Sketch Generator.

Sketch Icon Stamper Plugin

Sketch Icon Stamper Plugin automatiza el proceso de creación de diferentes versiones para nuestros iconos. Ideal para muchas situaciones como por ejemplo cuando tenemos que preparar la gran cantidad de variantes para un favicon que podemos necesitar hoy en día.

Sketch Icon Stamper

Dynamic Button for Sketch

Uno de los problema que podemos encontrarnos en Photoshop a la hora de enfrentarnos a la creación de diseño de interfaz es la completa falta de "fluidez" en los elementos. Y esto es algo con lo que sí vamos a poder contar en otros programas como... Sketch. 

Dynamic Button for Sketch nos ofrece tener esa "fluidez" de la que hablo puesto que nos va a permitir crear botones que se ajusten automáticamente al texto contenido en su interior. Si no terminas de entenderlo lo mejor que puedes hacer es echar un vistazo al siguiente vídeo donde se explica lo que hace exactamente este plugin.

Day Player

Day Player añade la posibilidad de disponer de diferentes generadores de imágenes de relleno (placeholders) directamente dentro de Sketch. Algunos de los que están incluídos son: PlaceCage o el que es uno de mis favoritos, Fill Murray.

Consejo: En cualquier caso no te olvides de tener siempre a mano Sketch Plugin Directory, un listado en GitHub en el que se incluyen la gran mayoría de plugins disponibles para Sketch. ¡Quizá encuentres alguno que te sea aún más útil!

Recursos y freebies

Si lo que estás buscando es un lugar desde el que poder descargar recursos, plantillas o freebies en general, ¡estás de suerte! Aquí van algunas de las páginas más destacadas que se dedican precisamente a ofrecerte este tipo de contenido para Sketch.

Sketch App Sources

Sketchapp Sources

Una de las que no te pueden faltar. Sketch App Sources ofrece un buen puñado de archivos descargables así como información adicional en forma de artículos, tutoriales o enlaces a otros recursos. La mayoría de contenido descargable para Sketch, lo encontrarás aquí. 

Dribbble

No es que sea un recurso específico de Sketch pero si estás buscando contenidos te sugiero que pruebes a visitar Dribbble y uses su buscador empleando palabras como "sketch" y "freebie". Me he encontrado más de una sorpresa de este modo.

Incluso puedes probar a buscar aquellos Dribbblers que incluyen Sketch como una de sus "habilidades.

Sketch Tricks

Una newsletter con links y recursos enviada dos veces al mes. Si te interesa, ya sabes: Sketch Tricks

Sketch Tricks

Sketch Casts

Quizá lo que busques es algo diferente. ¿Qué tal un screencast sobre Sketch

Sketch Casts

Echa un vistazo: Sketch Casts, un screencast dedicado en exclusiva a Sketch.

Sketchplugins

Un recurso "avanzado" pensado principalmente para desarrolladores.

Sketchplugins

Sketchplugins es una lista de correo creada por Ale Muñoz para poder intercambiar información sobre el desarrollo de plugins para Sketch. ¿Quién sabe? ¡Quizá tú seas el creador del próximo plugin disponible!

Design+Code

Design+Code no es un recurso específico sobre Sketch pero ofrece excelente material de aprendizaje creado por Meng To. Cubre diferentes aspectos entre los que se trata el diseño de interfaz empleando Sketch de una manera muy práctica.

Sketch Shortcuts

Sketch Shortcuts; todos los atajos de teclado de un sólo vistazo.

Si aún quieres más...

Has llegado hasta aquí abajo y aún quieres más contenidos, vale. Pues aquí te van algunos enlaces extra a artículos y tutoriales escritos por otros usuarios de Sketch y que me parecen de lo mejor que hay disponible:

  • Sketch Tutorial 01, por Sebastien Gabriel. Un tutorial excelente sobre la creación de un icono usando Sketch.
  • 7 Tips for Sketch users, por Nick Woodman. En este artículo Nick nos cuenta su experiencia personal con Sketch y nos aporta algunos consejos y buenas prácticas.
  • Design with Sketch, por Meng To. Probablemente uno de las primeras personas que nos contó las bondades sobre Sketch desde el punto de vista de un usuario.
  • Harnessing Vector Awesomeness in Sketch, por Peter Nowell. Un buen repaso al trabajo con vectores y formas compuestas en Sketch.
  • Sketch Resources, un listado de artículos y recursos sobre Sketch recopilados por Lee Simpson de ustwo.

Eso es todo por ahora

Después de todos estos enlaces y material variado, creo que tienes más que suficiente como para poder intentar adaptar Sketch un poco más a tu forma de trabajar y darle un poco más de vida gracias a todos los plugins disponibles.

¿Crees que se me olvida algo importante? ¿Ya has usado alguno de los plugins mencionados? ¡Comparte tus experiencias o preguntas con otros usuarios usando los comentarios!

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.