La lista definitiva de 50 de los mejores complementos de Sketch

Sketch ha conquistado el mercado del diseño. No publican ningún número oficial, pero es bastante obvio que casi cualquier equipo de diseño al que te unas o con el que hables sabe o usa Sketch hasta cierto punto.

Uno de los aspectos más poderosos 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, puede crear magníficas ilustraciones en 3D y animaciones únicas en segundos.

Reuní una lista de cincuenta de los mejores complementos de Sketch para ahorrarle tiempo en la investigación. Los organicé por categorías a continuación.

Administradores de complementos de Sketch
Complementos de Sketch de colaboración
Complementos generadores de contenido y objetos
Complementos de exportación y desarrollo front-end
Complementos de gestión de capas
Utilidades

Administradores de complementos de Sketch

Debe comenzar instalando uno de estos cuatro complementos de Sketch. Lo ayudarán a administrar y ejecutar sus complementos de manera eficiente.

Paquetes de bocetos

Un navegador, administrador y actualizador automático de complementos de Sketch. Sketch Packs también lo salvará de problemas de compatibilidad inesperados al actualizar Sketch bloqueando las versiones de los complementos.

Corredor de bocetos

http://sketchrunner.com/

Sketch Runner es Spotlight o Alfred para Sketch. Es un poderoso complemento de Sketch que le permite ejecutar comandos de Sketch desde su teclado. También es un complemento que instala y administra otros complementos por usted.

Administrador de complementos de croquis

Descargue el complemento aquí: https://mludowise.github.io/Sketch-Plugin-Manager/

Este es el tercero de cuatro complementos que encontrará útiles cuando se trata de probar y administrar sus complementos. Utiliza Git para administrar todos sus complementos y los mantiene actualizados.

Caja de herramientas de croquis

Descargue el complemento aquí: http://sketchtoolbox.com/

Sketch Toolbox es otra opción que lo ayuda a administrar, instalar y actualizar todos sus complementos de Sketch.

Si bien debe probar estos cuatro complementos, mi favorito es Sketch Runner: le brinda mucho más que solo administrar complementos. Si te acostumbras, no podrás imaginar usar Sketch sin él.

Complementos de Sketch de colaboración

Una vez que haya elegido su administrador de complementos, saltemos a los complementos de colaboración de Sketch que le permitirán administrar sus archivos, colaborar con sus amigos, recopilar comentarios y más.

Altura cero

Descargue el complemento aquí: https://zeroheight.com/

Zero Height es un complemento gratuito externo que le permite crear bibliotecas de activos y guías de estilo, colaborar con otros diseñadores y mantener todo sincronizado en la nube.

Cadena

Descargue el complemento aquí: https://github.com/lalomts/Chain

Chain es un excelente complemento cuando se trata de cambios de color en archivos grandes. Este complemento de Sketch crea relaciones de color dinámicas en Sketch y le brinda la posibilidad de cambiar los colores globalmente sobre la marcha.

Kaktus

Descargue el complemento aquí: https://kactus.io/

Kaktus es una extensión de control de versiones de diseño. Gestiona tus archivos y te mantiene sincronizado con todo el equipo.

Resumen

Descargue el complemento aquí: https://www.goabstract.com/

Este complemento es un Git para diseñadores. Te permite gestionar todo el proyecto y colaborar con otros diseñadores. Le brinda control de versión de sus archivos de Sketch, está integrado con Slack y le permite recopilar comentarios de clientes que no usan Sketch.

Artesanía por InVision

Descargue complementos aquí: https://www.invisionapp.com/craft

Craft, una de las extensiones de Sketch más populares, le brinda un conjunto de complementos diferentes, desde un generador de contenido hasta un recopilador de comentarios y herramientas de creación de prototipos. En lugar de agregar contenido de lorem ipsum, puede obtener contenido real de un sitio web. En lugar de buscar en sitios web de stock para agregar avatares de usuarios, puede hacerlo directamente desde Craft. En lugar de distinguir números de teléfono aleatorios, simplemente puede generarlos.

Estos son solo algunos ejemplos de cómo funciona Craft. Si desea saber más sobre Craft, definitivamente debería leer este artículo de la diseñadora de Toptal, Bree Chapin.

Complementos generadores de contenido y objetos

Material de boceto

Descargue el complemento aquí: https://websiddu.github.io/sketch-material/

Este complemento de Sketch le permitirá generar cualquier componente del sistema de diseño de materiales de Google.

Cuadrícula de arranque

Descargue el complemento aquí: https://github.com/De-La-Vega/BootstrapGrid

Este complemento de Sketch genera una cuadrícula de Bootstrap dentro de los archivos de Sketch. Todo lo que tiene que hacer es dibujar un rectángulo y el complemento creará la cuadrícula dentro de él.

Calendario de 7 columnas

Descargue el complemento aquí: https://www.ls.graphics/

Calendario de 7 columnas generará cualquier calendario de 7 columnas. Este es definitivamente uno de mis complementos favoritos. Ahorra mucho tiempo si necesita diseñar un calendario.

Flujos de usuario

Descargue el complemento aquí: https://abynim.github.io/UserFlows/

Generar diagramas de flujo de usuario es pan comido con el complemento User Flows Sketch.

Looper

Descargue el complemento aquí: http://sureskumar.com/looper/

Uno de mis favoritos personales, este complemento genera ilustraciones alucinantes mediante la duplicación de formas y grupos. Puede 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í.

Papel picado

Descargue el complemento aquí: http://www.sketchconfetti.com/

Este complemento de Sketch genera confeti a partir de objetos y capas con un solo clic.

Icono Flor

Descargue el complemento aquí: https://github.com/avadhbsd/IconFlower

Esto organizará los íconos en un patrón Phyllotaxis para usted en poco tiempo.

patinador

Descargue el complemento aquí: https://github.com/joshdjuric/Skatter

Otro gran complemento de Sketch para crear patrones aleatorios. Simplemente cree algunas formas simples y Skatter las convertirá en un hermoso patrón.

Licuadora

Descargue el complemento aquí: https://github.com/bunnieabc/Blender

Esta nueva extensión de Sketch combina dos formas y crea un hermoso degradado entre ellas.

Generador de mapas

Descargue el complemento aquí: https://github.com/eddisigner/sketch-map-generator

Si está cansado de hacer capturas de pantalla de mapas para sus diseños, le encantará este complemento. Dibuje un rectángulo, escriba su ubicación, copie el estilo de Snazzy Maps y Map Generator hará el resto por usted.

pasteles incompletos

Descargue el complemento aquí: https://github.com/longzheng/sketch-randomSize

Sketch no es la mejor herramienta para crear gráficos circulares... pero aquí viene Sketchy Pies. Este complemento de Sketch que creará gráficos circulares o circulares para usted.

Tamaño aleatorio

Descargue el complemento aquí: https://github.com/longzheng/sketch-randomSize

Otra gran extensión de Sketch para crear gráficos. Puede aleatorizar cualquier dimensión de forma con este complemento para crear gráficos de barras.

Complementos de exportación y desarrollo front-end

Con estos complementos, puede 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 equipos de desarrollo que no usan Sketch.

Plataforma de lanzamiento

Descargue el complemento aquí: https://launchpad.animaapp.com/

Un excelente complemento de Sketch que le permite publicar sitios web listos para usar sin ningún conocimiento de código directamente dentro de Sketch.

Seductor

Descargue el complemento aquí: https://launchpad.animaapp.com/

La próxima vez que su cliente le pida que trabaje en una plantilla de correo electrónico, descargue este complemento. Le ayudará a crear plantillas de correo electrónico fácilmente con código compatible con HTML que responde.

Sincronizar con diapositivas

Descargue el complemento aquí: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Un excelente complemento de Sketch para aquellos que trabajan en presentaciones en línea. Sincroniza las mesas de trabajo de Sketch con Google Slides.

La medida

Descargue el complemento aquí: http://utom.design/measure/

La medida es perfecta 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, para que los desarrolladores sin Sketch puedan abrirlo fácilmente.

mercadotecnia

Descargue el complemento aquí: https://github.com/tudou527/marketch

Otro complemento que se vuelve útil cuando colaboras con equipos de desarrollo. Genera archivos HTML que contienen diseños y te permite copiar estilos CSS de todas tus capas.

Complementos de gestión de capas

Estos complementos son realmente útiles cuando administra grandes archivos de diseño. Le permiten limpiar, cambiar el nombre, eliminar o buscar en las capas de Sketch. También puede usar emojis para administrar sus archivos.

Renombrarlo

Descargue el complemento 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 solo atajo.

Limpieza de grupos inútiles

Descargue el complemento aquí: https://github.com/bomberstudios/Cleanup-Useless-Groups

Cuando trabaja rápido, puede terminar con grupos vacíos. Este complemento de Sketch resolverá sus problemas al eliminar todos los grupos inútiles (duplicados o vacíos).

Seleccionar capas familiares

Descargue el complemento aquí: https://github.com/wonderbit/sketch-select-similar-layers

Si está familiarizado con la función "Seleccionar objetos similares" de Adobe Illustrator y la extraña en Sketch, le encantará este complemento. Este complemento le permite seleccionar capas con el mismo color de relleno, color de borde, tamaño de fuente, modo de fusión, etc.

Administrador de la mesa de trabajo de Sketch

Descargue el complemento aquí: https://github.com/bomberstudios/artboard-manager

Artboard Managers ajusta las mesas de trabajo en filas y columnas y organiza su posición.

Búsqueda de bocetos en todas partes

Descargue el complemento aquí: https://github.com/MrPeak/sketch-search-everywhere

Con este complemento de Sketch, puede encontrar cualquier capa simplemente escribiendo su nombre.

ordenarme

Descargue el complemento aquí: https://github.com/romashamin/sort-me-sketch

Este pequeño complemento de Sketch ordenará tus capas o mesas de trabajo con un atajo de teclado.

Alternar capas

Descargue el complemento aquí: https://github.com/joshwayne/jw-sketch-plugins

Un excelente complemento que, en combinación con Emojis en Layer Names, le permite alternar la visibilidad de la capa provista con los ojos emoji.

Utilidades

Estos complementos de Sketch amplían principalmente las funciones básicas de Sketch o las hacen más accesibles.

Espejo mágico 3

Descargue el complemento aquí: http://magicsketch.io/mirror/

Si extraña la transformación de perspectiva de Photoshop, este complemento de Sketch es imprescindible. Podrás transformar cualquier capa de Sketch en perspectiva sin destruirla.

Rígido

Descargue el complemento aquí: http://www.getstark.co/

Un complemento imprescindible si te preocupa la accesibilidad de tu proyecto. Es un simulador para daltónicos y un comprobador de contraste.

Herramientas útiles

Descargue el complemento aquí: https://github.com/webpatch/Handy-Tools

Handy Tools proporciona un conjunto de funciones como la alineación de capas, el espaciado o alternar la visibilidad de las capas.

Empujar radio de esquina

Descargue el complemento aquí: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Este complemento le permite cambiar el radio de la esquina desde su teclado.

Importar símbolos

Descargue el complemento aquí: https://github.com/kmerc/sketch-import-symbols

Si trabaja en varios archivos de Sketch, es posible que desee consultar este complemento. Importa todos los símbolos de un archivo de Sketch a otro.

Mover medio píxel

Descargue el complemento aquí: https://github.com/canisminor1990/sketch-move-half-pixel

A veces, desea mover un objeto en Sketch medio píxel: es pan comido con este complemento.

Complementos de texto

Descargue el complemento aquí: https://github.com/joshwayne/jw-sketch-plugins

Con estos dos complementos, puede combinar varias capas de texto en un campo de texto, o puede dividir un campo de texto en capas separadas.

Appalette

Descarga el complemento aquí: https://github.com/Carlosarturo28/Appalette

Appalette descargará una paleta de colores de muchas aplicaciones populares como Dropbox, Facebook o Airbnb.

Corrector ortográfico de todas las capas

Descargue el complemento aquí: https://github.com/Tallwave/sketch-spellcheck-all-layers

Uno de mis complementos favoritos de Sketch. Verificará todo el archivo en busca de errores tipográficos.

Diseño automático

Descargue el complemento aquí: https://animaapp.github.io/

Cuatro palabras que describen este complemento: Diseño receptivo para diseñadores.

Líquido

Descargue el complemento aquí: https://github.com/matt-curtis/Fluid-for-Sketch

Un complemento complejo que le permite crear mesas de trabajo receptivas basadas en restricciones.

compuesto

Descargue el complemento aquí: https://github.com/romashamin/compo-sketch

Con este complemento de Sketch, puede crear componentes dinámicos de siguiente nivel.

FlipSize

Descargue el complemento aquí: https://github.com/apertureless/sketch-flip-size

Un pequeño complemento de Sketch que cambiará el ancho y la altura del objeto con un atajo.

Perfeccionador de píxeles

Descargue el complemento aquí: https://github.com/swiadek/pixel-perfecter-sketch-plugin

Con este simple complemento de Sketch, evitará las dimensiones de las capas rotas.

Sello de icono

Descargue el complemento aquí: https://github.com/tylergaw/icon-stamper

Un complemento de Sketch que generará diferentes tamaños de íconos para ti.

Mesas de trabajo sociales

Descargue el complemento aquí: https://github.com/herrhelms/social-artboards-sketch

Si crea muchas imágenes de redes sociales, este complemento de Sketch le ahorrará mucho tiempo al generar mesas de trabajo con diferentes tamaños para usted.

Encontrar y reemplazar

Descargue el complemento aquí: https://github.com/thierryc/Sketch-Find-And-Replace

Con este complemento de Sketch, puede buscar y reemplazar cualquier texto dentro de su archivo.

• • •

Lectura adicional en el blog de diseño de Toptal:

• eCommerce UX: una descripción general de las mejores prácticas (con infografía)
• La importancia del diseño centrado en el ser humano en el diseño de productos
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Principios heurísticos para interfaces móviles
• Diseño anticipatorio: cómo crear experiencias de usuario mágicas