La Lista Definitiva De Los 50 Mejores Complementos De Sketch
A los diseñadores les encanta Sketch por su simplicidad, y esto es gracias a sus complementos, que añaden numerosas características. En este artículo hemos reunido 50 de los mejores complementos para Sketch.
A los diseñadores les encanta Sketch por su simplicidad, y esto es gracias a sus complementos, que añaden numerosas características. En este artículo hemos reunido 50 de los mejores complementos para Sketch.
Wojciech is a product designer and web designer with 8 years of experience. He’s passionate about typography and sound design.
Expertise
PREVIOUSLY AT
Sketch ha tomado el mercado de diseño por sorpresa. No se ha publicado ningún número oficial, pero es bastante obvio que casi cualquier equipo de diseño con el que te unas o conoces conoce o usa Sketch hasta cierto punto.
Uno de los aspectos más potentes de Sketch es su animada comunidad de desarrolladores y el fantástico conjunto de complementos que han creado para él. Con los complementos de Sketch, puedes crear magníficas ilustraciones en 3D y animaciones únicas en segundos.
Recopilé una lista de cincuenta de los mejores complementos de Sketch para ahorrar tiempo en la investigación. Los organicé por categorías a continuación.
Sketch Plugin Managers
Collaboration Sketch Plugins
Content and Object Generator Plugins
Export and Front-End Development Plugins
Layer Management Plugins
Utilities
Sketch Plugin Managers
Deberías comenzar instalando uno de estos cuatro complementos de Sketch. Te ayudarán a administrar y ejecutar sus complementos de manera eficiente.
Sketch Runner
Sketch Runner en el Spotlight o Alfred para Sketch. Es un poderoso plugin de Sketch que te permite ejecutar comandos de Sketch desde tu teclado. También es un complemento que instala y administra otros complementos para ti.
Sketch Plugin Manager
Descarga el plugin aquí: https://mludowise.github.io/Sketch-Plugin-Manager/
Este es el tercero de cuatro complementos que encontrará útiles a la hora de probar y administrar sus complementos. Utiliza Git para administrar todos tus complementos y mantenerlos actualizados.
Sketch Toolbox
Descarga el plugin aquí: http://sketchtoolbox.com/
Sketch Toolbox es otra opción que te ayuda a administrar, instalar y actualizar todos tus complementos de Sketch.
Si bien deberías probar estos cuatro complementos, mi favorito es Sketch Runner: te brinda mucho más que solo la administración de complementos. Si te acostumbras, no podrás imaginar el uso de Sketch sin él.
Collaboration Sketch Plugins
Una vez que hayas elegido tu administrador de complementos, veamos los complementos de colaboración de Sketch que te permitirán administrar tus archivos, colaborar con tus amigos, recopilar comentarios y mucho más.
Zero Height
Descarga el plugin aquí: https://zeroheight.com/
Zero Height es un plugin gratuito externo que le permite crear bibliotecas de recursos y guías de estilo, colaborar con otros diseñadores y mantener todo sincronizado en la nube.
Chain
Descarga el plugin aquí: https://lalomrtnz.github.io/Chain/
Chain es un gran complemento cuando se trata de cambios de color en archivos de gran tamaño. Este plugin de Sketch crea relaciones de color dinámicas en Sketch y te brinda la posibilidad de cambiar colores de forma global sobre la marcha.
Kaktus
Descarga el plugin aquí: https://kactus.io/
Kaktus es una extensión de control de versión de diseño. Gestiona tus archivos y te mantiene sincronizado con todo el equipo.
Abstract
Descarga el plugin aquí: https://www.goabstract.com/
Este plugin es un Git para diseñadores. Te permite administrar todo el proyecto y colaborar con otros diseñadores. Te da control de versión de sus archivos de Sketch, está integrado con Slack y te permite recopilar comentarios de clientes que no usan Sketch.
Craft by InVision
Descarga los plugins aquí: https://www.invisionapp.com/craft
Siendo una de las extensiones de Sketch más populares, Craft te ofrece un conjunto de complementos diferentes desde un generador de contenido hasta un recopilador de feedback y herramientas de creación de prototipos. En lugar de agregar contenido lorem ipsum, puedes obtener contenido real de un sitio web. En lugar de buscar sitios web de acciones para agregar avatares de usuario, puedes hacerlo directamente desde Craft. En lugar de crear números de teléfono aleatorios, puedes simplemente generarlos.
Estos son solo algunos ejemplos de cómo funciona Craft. Si deseas saber más acerca de Craft, definitivamente debes leer este artículo de la Diseñadora de Toptal Bree Chapin.
Content and Object Generator Plugins
Sketch Material
Descarga el plugin aquí: https://websiddu.github.io/sketch-material/
Este plugin de Sketch te permitirá generar cualquier componente del sistema Google Material Design.
Bootstrap Grid
Descarga el plugin aquí: https://github.com/De-La-Vega/BootstrapGrid
Este complemento de Sketch genera la red Bootstrap dentro de los archivos de Sketch. Todo lo que tienes que hacer es dibujar un rectángulo y el complemento creará la cuadrícula dentro de él.
User Flows
Descarga el plugin aquí: https://abynim.github.io/UserFlows/
Generar diagramas de flujo de usuarios es pan comido con el plugin User Flows Sketch.
Looper
Descarga el plugin aquí: http://sureskumar.com/looper/
Uno de mis favoritos personales, este complemento genera ilustraciones alucinantes al duplicar formas y grupos. Puedes usarlo para crear numerosos tipos de ilustraciones, como pancartas, carteles, patrones, fondos abstractos y más. Puedes obtener más información sobre Looper aquí.
Confetti
Descarga el plugin aquí: http://www.sketchconfetti.com/
Este complemento de Sketch genera confeti de objetos y capas con un solo clic.
Icon Flower
Descarga el plugin aquí: https://github.com/avadhbsd/IconFlower
Esto organizará íconos en un patrón de Phyllotaxis para ti en cualquier momento.
Skatter
Descarga el plugin aquí: https://github.com/joshdjuric/Skatter
Otro gran plugin de Sketch para crear patrones aleatorios. Solo crea algunas formas simples y Skatter las convertirá en un hermoso diseño.
Blender
Descarga el plugin aquí: https://github.com/bunnieabc/Blender
Esta nueva extensión de Sketch combina dos formas y crea un hermoso degradado entre ellas.
Map Generator
Descarga el plugin aquí: https://github.com/eddiesigner/sketch-map-generator
Si estás cansado de capturar mapas para sus diseños, te encantará este complemento. Dibuja un rectángulo, escribe su ubicación, copia el estilo de los Mapas de Snazzy, y Map Generator hará el resto por ti.
Sketchy Pies
Descarga el plugin aquí: https://github.com/abynim/sketchy-pies
Sketch no es la mejor herramienta para crear gráficos circulares … pero aquí viene Sketchy Pies. Este plugin de Sketch creará gráficos de torta o circulares para ti.
Random Sizing
Descarga el plugin aquí: https://github.com/longzheng/sketch-randomSize
Otra gran extensión de Sketch para crear gráficos. Puedes aleatorizar cualquier dimensión de forma con este complemento para crear gráficos de barras.
Export and Front-end Development Plugins
Con estos complementos, puedes publicar archivos HTML/CSS, sitios web completos o boletines codificados sin ninguna habilidad de codificación. Además, algunas de estas extensiones generarán archivos para los equipos de desarrollo que no usan Sketch.
Launchpad
Descarga el plugin aquí: https://launchpad.animaapp.com/
Un excelente plugin de Sketch que le permite publicar sitios web listos para usar sin ningún conocimiento de código directamente en Sketch.
Slinky
Descarga el plugin aquí: https://launchpad.animaapp.com/
La próxima vez que tu cliente te pida que trabajes en una plantilla de correo electrónico, descarga este complemento. Te ayudará a crear plantillas de correo electrónico fácilmente con código listo para HTML que sea receptivo.
Sync to Slides
Descarga el plugin aquí: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides
Un excelente plugin de Sketch para quienes trabajan en presentaciones en línea. Sincroniza las mesas de trabajo de Sketch a Google Slides.
Measure
Descarga el plugin aquí: http://utom.design/measure/
Measure es perfecto cuando tienes que pasar tu archivo de diseño a un equipo de desarrollo. Marca todas las dimensiones y genera un archivo HTML que contiene todo el diseño, por lo que los desarrolladores sin Sketch pueden abrirlo fácilmente.
Marketch
Descarga el plugin aquí: https://github.com/tudou527/marketch
Otro complemento que resulta útil cuando colaboras con los equipos de desarrollo. Genera archivos HTML que contienen diseños y te permite copiar estilos CSS de todas tus capas.
Layer Management Plugins
Estos complementos son realmente útiles cuando administras grandes archivos de diseño. Te permiten limpiar, cambiar el nombre, eliminar o buscar a través de las capas de boceto. También puedes usar emojis para administrar tus archivos.
RenameIt
Descarga el plugin aquí: https://github.com/rodi01/RenameIt
Con este complemento de Sketch, puede cambiar el nombre de varias capas a la vez seleccionándolas y usando un atajo único.
Cleanup Useless Groups
Descarga el plugin aquí: https://github.com/bomberstudios/Cleanup-Useless-Groups
Cuando trabajas rápido, puedes terminar con grupos vacíos. Este plugin de Sketch resolverá tus problemas eliminando todos los grupos inútiles (duplicados o vacíos).
Select Familiar Layers
Descarga el plugin aquí: https://github.com/wonderbit/sketch-select-similar-layers
Si estás familiarizado con la función “Seleccionar objetos similares” de Adobe Illustrator y lo echas de menos en Sketch, te encantará este complemento. Este complemento te permite seleccionar capas con el mismo color de relleno, color de borde, tamaño de fuente, modo de fusión, etc.
Sketch Artboard Manager
Descarga el plugin aquí: https://github.com/bomberstudios/artboard-manager
Artboard Managers coloca las mesas de trabajo en filas y columnas y organiza su posición.
Sketch Search Everywhere
Descarga el plugin aquí: https://github.com/MrPeak/sketch-search-everywhere
Con este complemento Sketch, puedes encontrar cualquier capa simplemente escribiendo su nombre.
Sort Me
Descarga el plugin aquí: https://github.com/romashamin/sort-me-sketch
Este pequeño plugin de Sketch clasificará tus capas o mesas de trabajo con un atajo de teclado.
Toggle Layers
Descarga el plugin aquí: https://github.com/joshwayne/jw-sketch-plugins
Un gran complemento que, en combinación con los Emojis en Nombres de Capas, te permite alternar la visibilidad de capa proporcionada con los emoji 👀 de ojitos).
Utilities
Estos complementos de Sketch extienden principalmente las funciones básicas de Sketch o las hacen más accesibles.
Stark
Descarga el plugin aquí: http://www.getstark.co/
Un complemento imprescindible si te importa la accesibilidad de tu proyecto. Es un simulador daltónico y un comprobador de contraste.
Handy Tools
Descarga el plugin aquí: https://github.com/webpatch/Handy-Tools
Handy Tools proporciona un conjunto de características como alineación de capas, espaciado o visibilidad de la capa de alternar.
Nudge Corner Radius
Descarga el plugin aquí: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin
Este complemento te permite cambiar el radio de la esquina desde tu teclado.
Import Symbols
Descarga el plugin aquí: https://github.com/kmerc/sketch-import-symbols
Si trabajas en varios archivos de Sketch, es posible que desees consultar este complemento. Importa todos los símbolos de un archivo de Sketch a otro.
Move Half Pixel
Descarga el plugin aquí: https://github.com/canisminor1990/sketch-move-half-pixel
A veces quieres mover un objeto en Sketch por medio píxel, es un pedazo de pastel con este complemento.
Text Plugins
Descarga el plugin aquí: https://github.com/joshwayne/jw-sketch-plugins
Con estos dos complementos, puedes combinar varias capas de texto en un campo de texto, o puedes dividir un campo de texto en capas separadas.
Appalette
Descarga el plugin aquí: https://github.com/Carlosarturo28/Appalette
Appalette descargará una paleta de colores de muchas aplicaciones populares como Dropbox, Facebook o Airbnb.
Spellcheck All Layers
Descarga el plugin aquí: https://github.com/Tallwave/sketch-spellcheck-all-layers
Uno de mis plugins de Sketch favoritos. Verificará todo el archivo en busca de errores tipográficos.
Auto Layout
Descarga el plugin aquí: https://animaapp.github.io/
Cuatro palabras que describen este complemento: Diseño receptivo para diseñadores.
Fluid
Descarga el plugin aquí: https://github.com/matt-curtis/Fluid-for-Sketch
Un complemento complejo que te permite crear mesas de trabajo receptivas basadas en restricciones.
Compo
Descarga el plugin aquí: https://github.com/romashamin/compo-sketch
Con este complemento de Sketch, puedes crear componentes dinámicos de otro nivel.
FlipSize
Descarga el plugin aquí: https://github.com/apertureless/sketch-flip-size
Un pequeño plugin de Sketch que cambiará el ancho y alto del objeto con un atajo.
Pixel Perfecter
Descarga el plugin aquí: https://github.com/swiadek/pixel-perfecter-sketch-plugin
Con este simple plugin de Sketch, evitarás las dimensiones de capas rotas.
Icon Stamper
Descarga el plugin aquí: https://github.com/tylergaw/icon-stamper
Un plugin Sketch que generará diferentes tamaños de icono para ti.
Social Artboards
Descarga el plugin aquí: https://github.com/herrhelms/social-artboards-sketch
Si creas muchas imágenes de redes sociales, este plugin de Sketch te ahorrará mucho tiempo al generar tableros de diferentes tamaños.
Find and Replace
Descarga el plugin aquí: https://github.com/thierryc/Sketch-Find-And-Replace
Con este plugin de Sketch puedes encontrar y reemplazar cualquier texto dentro de tu archivo.
Wojciech Dobry
Kraków, Poland
Member since November 17, 2016
About the author
Wojciech is a product designer and web designer with 8 years of experience. He’s passionate about typography and sound design.
Expertise
PREVIOUSLY AT