L'elenco definitivo dei 50 migliori plugin per schizzi

Sketch 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