+10 Plugins de Sketch para gestionar sistemas de diseño
Después de trabajar bastantes meses con sistemas de diseño, me quedaba pendiente recopilar algunos plugins que he ido utilizando a lo largo de este proyecto y que me han ahorrado muchísimo tiempo y trabajo.
Me voy a centrar en los plugins que me han sido útiles en tareas específicas y voy a dejar de lado los plugins más generales cómo Craft o Runner o los de control de versiones.
Espero que os sean de utilidad.
Stackswell
Voy a empezar por el último que he descubierto. No he tenido la oportunidad de usarlo aún, pero la funcionalidad para crear sistemas tipográficos me parece suficiente como para que esté en esta lista. Además permite gestionar el responsive, tanto de textos como de símbolos. Tiene muy buena pinta.
Font Finder
Este ha sido imprescindible para hacer viable la creación de un framework, ya que te permite seleccionar en cada página de un documento qué tipografías, mostradas por pesos, se están usando y reemplazarlas por otras de forma muy sencilla.
Find and replace
Este plugin me ha venido genial en multitud de ocasiones, y cuando trabajas con documentos con muchas páginas y componentes, agradeces tenerlo en tu carpeta de plugins. Es muy sencillo. Escribes un texto y puedes reemplazarlo por otro en cualquier página del documento
Rename it
Te permite renombrar capas y artboards y añadirle un prefijo o sufijo en base a un orden alfabético, numeración, etc.
Si además tuviera la funcionalidad del find and replace sería perfecto. Aún así, otro plugin genial para la gestión.
Sketch Icons
¡Este plugin es una maravilla! Te permite seleccionar iconos en formato SVG y añadirlos a tu documento de Sketch, pero lo realmente interesante es que en la importación, el plugin crea un símbolo para cada icono con su artboard correspondiente al que le puedes dar un tamaño y un padding. Además, te permite añadir un símbolo del documento (o crearlo) como máscara. Eso sí, asegúrate de que todos los iconos están trazados y en una sola forma ya que los símbolos solo pueden enmascarar de manera eficiente las formas con relleno.
Relable
Aunque Paddy es un plugin genial, yo he tenido algunos problemas para hacerlo funcionar en los botones, debido a los símbolos anidados con los que están construidos. Tras echar un vistazo en busca de alternativas me encontré con Relable, que es bastante más sencillo pero que a mí me ha funcionado genial.
Override it
Cuando se crean componentes con cierto grado de complejidad, la gestión de los overrides puede ser un poco liosa. Además, Sketch no deja mucho margen de gestión a la hora de colapsar los distintos overrides, lo que estaría reamente bien. Con override it podemos hacer búsquedas dentro los overrides, y además, la forma de visualizarlos ayuda a que tengamos más claro en qué parte del componente nos encontramos.
Roller
Un plugin muy muy interesante. Roller te permite gestionar el mantenimiento del sistema de diseño de una forma eficaz, detectando inconsistencias o mostrando información útil como el porcentaje de uso de un determinado color.
Sketch Symbol Manager
Este plugin no es gratuito pero realmente vale los 10 dólares que cuesta. Sketch symbol manager te permite crear toda la arquitectura de carpetas para los símbolos anidados y overrides de una forma visual y en un minuto.
Sketch Text Styles Manager
El hermano gemelo del plugin anterior, pero esta vez para estilos de texto.
Merge duplicate Symbols
Cuando pasas contenido de un archivo de sketch a otro copiando y pegando, si hay símbolos, Sketch los va a pegar directamente en la pagina de símbolos sin ningún tipo de filtro o de aviso. De este modo, si un símbolo se llama igual que otro que ya existe, te vas a quedar con los dos, y creedme, es un verdadero problema, sobre todo cuando los dos símbolos pueden estar vinculados a otros símbolos a nivel de anidamiento.
No me entra en la cabeza como sketch no detecta el problema de forma nativa y te da la opción de resolver el conflicto en ese mismo momento permitiéndote elegir con cual de los dos quieres quedarte… pero afortunadamente, tenemos un plugin que nos permite hacer justo eso.
Al creador de este plugin tengo que decirle: Muchas gracias, me has salvado la vida :)
Sketch fix Styles
Como no podría ser de otro modo, tenemos el correspondiente plugin con la misma funcionalidad que el anterior pero para los estilos de texto
Confetti Sketch Plugin 🎊
Acabamos con este porque todo trabajo bien hecho merece una celebración por todo lo alto ;)
DOME Framework
Si necesitas crear un sistema de diseño, pásate por este post y descárgate Dome, framework libre para crear sistemas de diseño.