L'elenco definitivo dei 50 migliori plugin per schizzi
Pubblicato: 2022-03-11Sketch ha conquistato il mercato del design. Non rilasciano alcun numero ufficiale, ma è abbastanza ovvio che quasi tutti i team di progettazione a cui ti unisci o con cui parli conoscono o utilizzano Sketch in una certa misura.
Uno degli aspetti più potenti di Sketch è la sua vivace comunità di sviluppatori e il fantastico set di plugin che hanno creato per questo. Con i plug-in di Sketch, puoi creare splendide illustrazioni 3D e animazioni uniche in pochi secondi.
Ho raccolto un elenco di cinquanta dei migliori plugin di Sketch per farti risparmiare tempo nella ricerca. Li ho organizzati per categorie di seguito.
Gestori di plug-in di schizzo
Plugin per schizzi di collaborazione
Plugin per la generazione di contenuti e oggetti
Plugin di esportazione e sviluppo front-end
Plugin per la gestione dei livelli
Utilità
Gestori di plug-in di schizzo
Dovresti iniziare installando uno di questi quattro plugin di Sketch. Ti aiuteranno a gestire ed eseguire i tuoi plugin in modo efficiente.
Pacchetti di schizzi
Un browser, un gestore e un programma di aggiornamento automatico del plug-in di Sketch. Gli Sketch Pack ti salveranno anche da problemi di compatibilità imprevisti durante l'aggiornamento di Sketch bloccando le versioni dei plug-in.
Schizzo Runner
http://sketchrunner.com/
Sketch Runner è Spotlight o Alfred per Sketch. È un potente plug-in di Sketch che ti consente di eseguire i comandi di Sketch dalla tastiera. È anche un plug-in che installa e gestisce altri plug-in per te.
Gestore plug-in di schizzo
Scarica il plug-in qui: https://mludowise.github.io/Sketch-Plugin-Manager/
Questo è il terzo di quattro plugin che troverai utili quando si tratta di testare e gestire i tuoi plugin. Utilizza Git per gestire tutti i tuoi plugin e tenerli aggiornati.
Casella degli strumenti di schizzo
Scarica il plug-in qui: http://sketchtoolbox.com/
Sketch Toolbox è un'altra opzione che ti aiuta a gestire, installare e aggiornare tutti i tuoi plugin di Sketch.
Anche se dovresti provare tutti e quattro i plugin, il mio preferito è Sketch Runner: ti offre molto di più della semplice gestione dei plugin. Se ti ci abitui, non sarai in grado di immaginare di usare Sketch senza di esso.
Plugin per schizzi di collaborazione
Dopo aver scelto il tuo gestore di plug-in, passiamo ai plug-in di collaborazione di Sketch che ti permetteranno di gestire i tuoi file, collaborare con i tuoi amici, raccogliere feedback e altro ancora.
Altezza zero
Scarica il plug-in qui: https://zeroheight.com/
Zero Height è un plug-in esterno gratuito che ti consente di creare librerie di risorse e guide di stile, collaborare con altri designer e mantenere tutto sincronizzato nel cloud.
Catena
Scarica il plug-in qui: https://github.com/lalomts/Chain
Chain è un ottimo plugin quando si tratta di cambiare colore in file di grandi dimensioni. Questo plug-in Sketch crea relazioni cromatiche dinamiche in Sketch e ti dà la possibilità di cambiare i colori a livello globale al volo.
Kaktus
Scarica il plug-in qui: https://kactus.io/
Kaktus è un'estensione per il controllo della versione del design. Gestisce i tuoi file e ti tiene sincronizzato con l'intero team.
Astratto
Scarica il plug-in qui: https://www.goabstract.com/
Questo plugin è un Git per i designer. Ti permette di gestire l'intero progetto e collaborare con altri designer. Ti dà il controllo della versione dei tuoi file di Sketch, è integrato con Slack e ti consente di raccogliere feedback dai clienti che non usano Sketch.
Craft di InVision
Scarica i plugin qui: https://www.invisionapp.com/craft
Una delle estensioni di Sketch più popolari, Craft ti offre una serie di plug-in diversi da un generatore di contenuti a un raccoglitore di feedback fino a strumenti di prototipazione. Invece di aggiungere contenuti lorem ipsum, potresti ottenere contenuti reali da un sito web. Invece di cercare nei siti Web di riserva per aggiungere avatar degli utenti, puoi farlo direttamente da Craft. Invece di distinguere numeri di telefono casuali, puoi semplicemente generarli.
Questi sono solo alcuni esempi di come funziona Craft. Se vuoi saperne di più su Craft, dovresti assolutamente leggere questo articolo del designer Toptal Bree Chapin.
Plugin per la generazione di contenuti e oggetti
Materiale per schizzi
Scarica il plug-in qui: https://websiddu.github.io/sketch-material/
Questo plug-in di Sketch ti consentirà di generare qualsiasi componente dal sistema di Google Material Design.
Griglia Bootstrap
Scarica il plug-in qui: https://github.com/De-La-Vega/BootstrapGrid
Questo plug-in di Sketch genera la griglia Bootstrap all'interno dei file di Sketch. Tutto quello che devi fare è disegnare un rettangolo e il plugin creerà la griglia al suo interno.
Calendario a 7 colonne
Scarica il plug-in qui: https://www.ls.graphics/
Calendario a 7 colonne genererà qualsiasi calendario a 7 colonne. Questo è sicuramente uno dei miei plugin preferiti. Risparmia molto tempo se devi progettare un calendario.

Flussi utente
Scarica il plug-in qui: https://abynim.github.io/UserFlows/
La generazione di diagrammi di flusso utente è un gioco da ragazzi con il plug-in User Flows Sketch.
Looper
Scarica il plug-in qui: http://sureskumar.com/looper/
Uno dei miei preferiti personali, questo plugin genera illustrazioni strabilianti duplicando forme e gruppi. Puoi usarlo per creare numerosi tipi di illustrazioni come banner, poster, motivi, sfondi astratti e altro ancora. Puoi saperne di più su Looper qui.
Coriandoli
Scarica il plugin qui: http://www.sketchconfetti.com/
Questo plug-in Sketch genera coriandoli da oggetti e livelli con un clic.
Icona Fiore
Scarica il plug-in qui: https://github.com/avadhbsd/IconFlower
Questo organizzerà le icone in uno schema fillotassi per te in pochissimo tempo.
Pattinatore
Scarica il plug-in qui: https://github.com/joshdjuric/Skatter
Un altro ottimo plug-in di Sketch per creare modelli casuali. Basta creare alcune forme semplici e Skatter le trasformerà in un bellissimo motivo.
Miscelatore
Scarica il plug-in qui: https://github.com/bunnieabc/Blender
Questa fresca estensione di Sketch unisce due forme e crea un bellissimo gradiente tra di loro.
Generatore di mappe
Scarica il plug-in qui: https://github.com/eddiesigner/sketch-map-generator
Se sei stanco di fare screenshot delle mappe per i tuoi progetti, adorerai questo plugin. Disegna un rettangolo, digita la tua posizione, copia lo stile da Snazzy Maps e Map Generator farà il resto per te.
Torte imprecise
Scarica il plug-in qui: https://github.com/longzheng/sketch-randomSize


Sketch non è lo strumento migliore per creare grafici a torta... ma ecco che arriva Sketchy Pies. Questo plug-in di Sketch che creerà per te grafici a torta o circolari.
Dimensionamento casuale
Scarica il plug-in qui: https://github.com/longzheng/sketch-randomSize
Un'altra fantastica estensione di Sketch per la creazione di grafici. Puoi randomizzare qualsiasi dimensione della forma con questo plugin per creare grafici a barre.
Plugin di esportazione e sviluppo front-end
Con questi plug-in puoi pubblicare file HTML/CSS, interi siti Web o newsletter codificate senza alcuna abilità di codifica. Inoltre, alcune di queste estensioni genereranno file per i team di sviluppo che non utilizzano Sketch.
Trampolino di lancio
Scarica il plug-in qui: https://launchpad.animaapp.com/
Un eccezionale plug-in di Sketch che ti consente di pubblicare siti Web pronti per l'uso senza alcuna conoscenza del codice direttamente all'interno di Sketch.
Slanciato
Scarica il plug-in qui: https://launchpad.animaapp.com/

La prossima volta che il tuo cliente ti chiede di lavorare su un modello di email, scarica questo plugin. Ti aiuterà a creare facilmente modelli di email con codice pronto per HTML che è reattivo.
Sincronizza con diapositive
Scarica il plug-in qui: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides
Un ottimo plug-in di Sketch per coloro che lavorano su presentazioni online. Sincronizza le tavole da disegno di Sketch con Presentazioni Google.
Misurare
Scarica il plug-in qui: http://utom.design/measure/
La misura è perfetta quando devi passare il file di progettazione a un team di sviluppo. Contrassegna tutte le dimensioni e genera un file HTML che contiene l'intero progetto, in modo che gli sviluppatori senza Sketch possano aprirlo facilmente.
mercato
Scarica il plug-in qui: https://github.com/tudou527/marketch
Un altro plugin che diventa utile quando collabori con i team di sviluppo. Genera file HTML che contengono disegni e ti consente di copiare gli stili CSS di tutti i tuoi livelli.
Plugin per la gestione dei livelli
Questi plugin sono davvero utili quando gestisci file di progettazione di grandi dimensioni. Ti consentono di pulire, rinominare, rimuovere o cercare nei livelli di Sketch. Puoi anche usare gli emoji per gestire i tuoi file.
Rinominalo
Scarica il plug-in qui: https://github.com/rodi01/RenameIt
Con questo plug-in Sketch, puoi rinominare più livelli contemporaneamente selezionandoli e utilizzando un'unica scorciatoia.
Pulisci gruppi inutili
Scarica il plug-in qui: https://github.com/bomberstudios/Cleanup-Useless-Groups


Quando lavori velocemente, potresti ritrovarti con gruppi vuoti. Questo plugin di Sketch risolverà i tuoi problemi rimuovendo tutti i gruppi inutili (duplicati o vuoti).
Seleziona Livelli familiari
Scarica il plug-in qui: https://github.com/wonderbit/sketch-select-similar-layers
Se hai familiarità con la funzione "Seleziona oggetti simili" di Adobe Illustrator e ti manca in Sketch, adorerai questo plugin. Questo plugin ti consente di selezionare livelli con lo stesso colore di riempimento, colore del bordo, dimensione del carattere, modalità di fusione, ecc.
Gestore della tavola da disegno di schizzo
Scarica il plug-in qui: https://github.com/bomberstudios/artboard-manager
Gestori tavole da disegno inserisce le tavole da disegno in righe e colonne e ne ordina la posizione.
Schizzo Cerca ovunque
Scarica il plug-in qui: https://github.com/MrPeak/sketch-search-everywhere
Con questo plug-in Sketch, puoi trovare qualsiasi livello semplicemente digitandone il nome.
Ordinami
Scarica il plug-in qui: https://github.com/romashamin/sort-me-sketch
Questo piccolo plug-in Sketch ordinerà i tuoi livelli o le tue tavole da disegno con una scorciatoia da tastiera.
Attiva/disattiva i livelli
Scarica il plug-in qui: https://github.com/joshwayne/jw-sketch-plugins
Un ottimo plug-in che, in combinazione con Emoji nei nomi dei livelli, ti consente di attivare/disattivare la visibilità dei livelli fornita con le emoji degli occhi.
Utilità
Questi plug-in di Sketch estendono principalmente le funzionalità di base di Sketch o le rendono più accessibili.
Specchio magico 3
Scarica il plug-in qui: http://magicsketch.io/mirror/
Se ti manca la Trasformazione prospettica di Photoshop, questo plug-in Sketch è un must. Sarai in grado di trasformare qualsiasi livello di Sketch in prospettiva senza distruggerlo.
Stark
Scarica il plug-in qui: http://www.getstark.co/
Un plug-in indispensabile se ti interessa l'accessibilità del tuo progetto. È un simulatore di daltonici e un controllo del contrasto.
Strumenti utili
Scarica il plug-in qui: https://github.com/webpatch/Handy-Tools
Handy Tools fornisce una serie di funzioni come l'allineamento dei livelli, la spaziatura o l'attivazione/disattivazione della visibilità dei livelli.
Raggio d'angolo di spinta
Scarica il plug-in qui: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin
Questo plugin ti consente di modificare il raggio dell'angolo dalla tastiera.
Importa simboli
Scarica il plug-in qui: https://github.com/kmerc/sketch-import-symbols
Se lavori su diversi file di Sketch, potresti voler controllare questo plugin. Importa tutti i simboli da un file Sketch a un altro.
Sposta mezzo pixel
Scarica il plug-in qui: https://github.com/canisminor1990/sketch-move-half-pixel
A volte vuoi spostare un oggetto in Sketch di mezzo pixel: è un gioco da ragazzi con questo plugin.
Plugin di testo
Scarica il plug-in qui: https://github.com/joshwayne/jw-sketch-plugins
Con questi due plugin, puoi combinare più livelli di testo in un campo di testo, oppure puoi dividere un campo di testo in livelli separati.
Appaletta
Scarica il plug-in qui: https://github.com/Carlosarturo28/Appalette
Appalette scaricherà una tavolozza di colori da molte app popolari come Dropbox, Facebook o Airbnb.
Controllo ortografico di tutti i livelli
Scarica il plug-in qui: https://github.com/Tallwave/sketch-spellcheck-all-layers
Uno dei miei plugin per schizzi preferiti. Controllerà l'intero file per errori di battitura.
Disposizione automatica
Scarica il plug-in qui: https://animaapp.github.io/
Quattro parole che descrivono questo plugin: Responsive Design for Designers.
Fluido
Scarica il plug-in qui: https://github.com/matt-curtis/Fluid-for-Sketch
Un plug-in complesso che ti consente di creare tavole da disegno reattive basate su vincoli.
Comp
Scarica il plug-in qui: https://github.com/romashamin/compo-sketch
Con questo plug-in Sketch, puoi creare componenti dinamici di livello successivo.
FlipSize
Scarica il plug-in qui: https://github.com/apertureless/sketch-flip-size
Un piccolo plug-in di Sketch che cambierà la larghezza e l'altezza dell'oggetto con una scorciatoia.
Perfezionatore di pixel
Scarica il plug-in qui: https://github.com/swiadek/pixel-perfecter-sketch-plugin
Con questo semplice plug-in di Sketch, eviterai dimensioni del livello rotte.
Stampatore di icone
Scarica il plug-in qui: https://github.com/tylergaw/icon-stamper
Un plug-in di Sketch che genererà icone di diverse dimensioni per te.
Tavole da disegno sociali
Scarica il plug-in qui: https://github.com/herrhelms/social-artboards-sketch
Se crei molte immagini di social media, questo plugin di Sketch ti farà risparmiare un sacco di tempo generando tavole da disegno con dimensioni diverse per te.
Trova e sostituisci
Scarica il plug-in qui: https://github.com/thierryc/Sketch-Find-And-Replace
Con questo plug-in Sketch puoi trovare e sostituire qualsiasi testo all'interno del tuo file.
• • •
Ulteriori letture sul blog di Toptal Design:
- eCommerce UX: una panoramica delle migliori pratiche (con infografica)
- L'importanza del design incentrato sull'uomo nel design del prodotto
- I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
- Principi euristici per interfacce mobili
- Design anticipatorio: come creare esperienze utente magiche
