Lista finală a celor 50 dintre cele mai bune pluginuri Sketch

Sketch a luat cu asalt piața de design. Ei nu lansează niciun număr oficial, dar este destul de evident că aproape orice echipă de design la care te alătură sau la care discuti știe sau folosește Sketch într-o oarecare măsură.

Unul dintre cele mai puternice aspecte ale Sketch este comunitatea sa animată de dezvoltatori și setul fantastic de pluginuri pe care l-au creat pentru el. Cu pluginurile Sketch, puteți crea ilustrații 3D superbe și animații unice în câteva secunde.

Am adunat o listă cu cincizeci dintre cele mai bune plugin-uri Sketch pentru a vă economisi timp în cercetare. Le-am organizat pe categorii mai jos.

Manageri de pluginuri Sketch
Pluginuri de schiță de colaborare
Pluginuri generatoare de conținut și obiecte
Pluginuri de export și dezvoltare front-end
Pluginuri de gestionare a straturilor
Utilități

Manageri de pluginuri Sketch

Ar trebui să începeți prin a instala unul dintre aceste patru pluginuri Sketch. Ele vă vor ajuta să vă gestionați și să rulați pluginurile în mod eficient.

Pachete de schițe

Un browser de plugin Sketch, un manager și un program de actualizare automată. Pachetele Sketch vă vor scuti și de probleme de compatibilitate neașteptate în timp ce actualizați Sketch prin blocarea versiunilor de plugin.

Sketch Runner

http://sketchrunner.com/

Sketch Runner este Spotlight sau Alfred pentru Sketch. Este un plugin Sketch puternic care vă permite să executați comenzi Sketch de la tastatură. Este, de asemenea, un plugin care instalează și gestionează alte plugin-uri pentru tine.

Sketch Plugin Manager

Descărcați pluginul aici: https://mludowise.github.io/Sketch-Plugin-Manager/

Acesta este al treilea dintre cele patru pluginuri pe care le veți găsi la îndemână când vine vorba de testarea și gestionarea pluginurilor dvs. Folosește Git pentru a gestiona toate pluginurile și le ține la zi.

Sketch Toolbox

Descărcați pluginul aici: http://sketchtoolbox.com/

Sketch Toolbox este o altă opțiune care vă ajută să gestionați, să instalați și să actualizați toate pluginurile dvs. Sketch.

Deși ar trebui să încercați toate aceste patru plugin-uri, cel meu preferat este Sketch Runner - vă oferă mult mai mult decât gestionarea pluginurilor. Dacă te obișnuiești cu el, nu îți vei putea imagina că folosești Sketch fără el.

Pluginuri de schiță de colaborare

După ce ați ales managerul de pluginuri, să accesăm pluginurile de colaborare Sketch care vă vor permite să vă gestionați fișierele, să colaborați cu prietenii, să colectați feedback și multe altele.

Înălțime zero

Descărcați pluginul aici: https://zeroheight.com/

Zero Height este un plugin extern gratuit care vă permite să creați biblioteci de active și ghiduri de stil, să colaborați cu alți designeri și să păstrați totul sincronizat în cloud.

Lanţ

Descărcați pluginul aici: https://github.com/lalomts/Chain

Chain este un plugin grozav atunci când vine vorba de schimbările de culoare în fișiere uriașe. Acest plugin Sketch creează relații dinamice de culoare în Sketch și vă oferă posibilitatea de a schimba culorile la nivel global din mers.

Kaktus

Descărcați pluginul aici: https://kactus.io/

Kaktus este o extensie de control al versiunii de design. Îți gestionează fișierele și te menține sincronizat cu întreaga echipă.

Abstract

Descărcați pluginul aici: https://www.goabstract.com/

Acest plugin este un Git pentru designeri. Vă permite să gestionați întregul proiect și să colaborați cu alți designeri. Vă oferă controlul versiunii fișierelor dvs. Sketch, este integrat cu Slack și vă permite să culegeți feedback de la clienții care nu folosesc Sketch.

Creat de InVision

Descărcați pluginuri aici: https://www.invisionapp.com/craft

Una dintre cele mai populare extensii Sketch, Craft vă oferă un set de plugin-uri diferite, de la un generator de conținut la un colector de feedback până la instrumente de prototipare. În loc să adăugați conținut lorem ipsum, puteți obține conținut real de pe un site web. În loc să cauți prin site-uri web de stoc pentru a adăuga avatare de utilizatori, o poți face direct din Craft. În loc să faci numere de telefon aleatorii, le poți genera.

Acestea sunt doar câteva exemple de modul în care funcționează Craft. Dacă doriți să aflați mai multe despre Craft, ar trebui să citiți cu siguranță acest articol al designerului Toptal Bree Chapin.

Pluginuri generatoare de conținut și obiecte

Material de schiță

Descărcați pluginul aici: https://websiddu.github.io/sketch-material/

Acest plugin Sketch vă va permite să generați orice componentă din sistemul Google Material Design.

Bootstrap Grid

Descărcați pluginul aici: https://github.com/De-La-Vega/BootstrapGrid

Acest plugin Sketch generează grila Bootstrap în interiorul fișierelor Sketch. Tot ce trebuie să faci este să desenezi un dreptunghi și pluginul va crea grila în interiorul acestuia.

Calendar cu 7 coloane

Descărcați pluginul aici: https://www.ls.graphics/

Calendarul cu 7 coloane va genera orice calendar cu 7 coloane. Acesta este cu siguranță unul dintre pluginurile mele preferate. Economisește mult timp dacă trebuie să proiectezi un calendar.

Fluxuri de utilizatori

Descărcați pluginul aici: https://abynim.github.io/UserFlows/

Generarea de diagrame de flux de utilizator este o simplă simplă cu pluginul User Flows Sketch.

Looper

Descărcați pluginul aici: http://sureskumar.com/looper/

Unul dintre preferatele mele personale, acest plugin generează ilustrații uluitoare prin duplicarea formelor și a grupurilor. Îl puteți folosi pentru a crea numeroase tipuri de ilustrații, cum ar fi bannere, postere, modele, fundaluri abstracte și multe altele. Puteți afla mai multe despre Looper aici.

Confeti

Descărcați pluginul aici: http://www.sketchconfetti.com/

Acest plugin Sketch generează confetti din obiecte și straturi cu un singur clic.

Icon Floare

Descărcați pluginul aici: https://github.com/avadhbsd/IconFlower

Acest lucru va aranja pictogramele într-un model Phyllotaxis pentru dvs. în cel mai scurt timp.

Skatter

Descărcați pluginul aici: https://github.com/joshdjuric/Skatter

Un alt plugin Sketch excelent pentru a crea modele aleatorii. Creați doar câteva forme simple și Skatter le va transforma într-un model frumos.

Blender

Descărcați pluginul aici: https://github.com/bunnieabc/Blender

Această extensie Sketch proaspătă îmbină două forme și creează un gradient frumos între ele.

Generator de hărți

Descărcați pluginul aici: https://github.com/eddisigner/sketch-map-generator

Dacă v-ați săturat să faceți capturi de ecran pentru hărți pentru design-ul dvs., vă va plăcea acest plugin. Desenați un dreptunghi, introduceți locația dvs., copiați stilul din Snazzy Maps, iar Map Generator se va ocupa de restul pentru dvs.

Plăcinte Sketchy

Descărcați pluginul aici: https://github.com/longzheng/sketch-randomSize

Sketch nu este cel mai bun instrument pentru a crea diagrame circulare... dar aici vine Sketchy Pies. Acest plugin Sketch care va crea diagrame circulare sau circulare pentru dvs.

Dimensiune aleatorie

Descărcați pluginul aici: https://github.com/longzheng/sketch-randomSize

O altă extensie Sketch excelentă pentru crearea de diagrame. Puteți randomiza orice dimensiune de formă cu acest plugin pentru a crea diagrame cu bare.

Export și pluginuri de dezvoltare front-end

Cu aceste plugin-uri, puteți publica fișiere HTML/CSS, site-uri web întregi sau buletine informative codificate fără abilități de codare. Mai mult, unele dintre aceste extensii vor genera fișiere pentru echipele de dezvoltare care nu folosesc Sketch.

Platforma de lansare

Descărcați pluginul aici: https://launchpad.animaapp.com/

Un plugin Sketch remarcabil care vă permite să publicați site-uri web gata de utilizare fără cunoștințe de cod direct în Sketch.

Slinky

Descărcați pluginul aici: https://launchpad.animaapp.com/

Data viitoare când clientul vă cere să lucrați la un șablon de e-mail, descărcați acest plugin. Vă va ajuta să creați cu ușurință șabloane de e-mail cu cod HTML gata de răspuns.

Sincronizare cu Slides

Descărcați pluginul aici: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Un plugin Sketch grozav pentru cei care lucrează la prezentări online. Sincronizează planurile de desen Sketch cu Google Slides.

Măsura

Descărcați pluginul aici: http://utom.design/measure/

Măsura este perfectă atunci când trebuie să transmiteți fișierul de design unei echipe de dezvoltare. Acesta marchează toate dimensiunile și generează un fișier HTML care conține întregul design, astfel încât dezvoltatorii fără Sketch îl pot deschide cu ușurință.

Marketch

Descărcați pluginul aici: https://github.com/tudou527/marketch

Un alt plugin care devine la îndemână atunci când colaborezi cu echipele de dezvoltare. Acesta generează fișiere HTML care conțin modele și vă permite să copiați stilurile CSS ale tuturor straturilor.

Pluginuri de gestionare a straturilor

Aceste plugin-uri sunt cu adevărat utile atunci când gestionați fișiere de design uriașe. Acestea vă permit să curățați, să redenumiți, să eliminați sau să căutați prin straturi Sketch. De asemenea, puteți folosi emoji-uri pentru a vă gestiona fișierele.

Redenumiți-l

Descărcați pluginul aici: https://github.com/rodi01/RenameIt

Cu acest plugin Sketch, puteți redenumi mai multe straturi simultan, selectându-le și folosind o singură comandă rapidă.

Curățați grupurile inutile

Descărcați pluginul aici: https://github.com/bomberstudios/Cleanup-Useless-Groups

Când lucrezi rapid, s-ar putea să ajungi cu grupuri goale. Acest plugin Sketch vă va rezolva problemele prin eliminarea tuturor grupurilor inutile (duplicate sau goale).

Selectați Straturi familiare

Descărcați pluginul aici: https://github.com/wonderbit/sketch-select-similar-layers

Dacă sunteți familiarizat cu funcția „Selectați obiecte similare” a Adobe Illustrator și vă scăpați de aceasta din Sketch, vă va plăcea acest plugin. Acest plugin vă permite să selectați straturi cu aceeași culoare de umplere, culoarea chenarului, dimensiunea fontului, modul de amestecare etc.

Manager Sketch Artboard

Descărcați pluginul aici: https://github.com/bomberstudios/artboard-manager

Managerii de planșe de desen alocă planurile de desen în rânduri și coloane și le aranjează poziția.

Căutare schiță peste tot

Descărcați pluginul aici: https://github.com/MrPeak/sketch-search-everywhere

Cu acest plugin Sketch, puteți găsi orice strat doar tastând numele acestuia.

Sortează-mă

Descărcați pluginul aici: https://github.com/romashamin/sort-me-sketch

Acest mic plugin Sketch vă va sorta straturile sau planurile de artă cu o singură comandă rapidă de la tastatură.

Comutați Straturile

Descărcați pluginul aici: https://github.com/joshwayne/jw-sketch-plugins

Un plugin grozav care, în combinație cu Emojis în Layer Names, vă permite să comutați vizibilitatea stratului oferit cu emoji-ul ochilor.

Utilități

Aceste plugin-uri Sketch extind în principal funcțiile de bază Sketch sau le fac mai accesibile.

Oglinda magică 3

Descărcați pluginul aici: http://magicsketch.io/mirror/

Dacă ți-e dor de Perspective Transformation din Photoshop, acest plugin Sketch este o necesitate. Veți putea transforma orice strat Sketch în perspectivă fără a-l distruge.

Puternic

Descărcați pluginul aici: http://www.getstark.co/

Un plugin obligatoriu dacă vă pasă de accesibilitatea proiectului dvs. Este un simulator de daltonism și un verificator de contrast.

Instrumente la îndemână

Descărcați pluginul aici: https://github.com/webpatch/Handy-Tools

Handy Tools oferă un set de caracteristici precum alinierea straturilor, spațierea sau comutarea vizibilității straturilor.

Deplasați raza colțului

Descărcați pluginul aici: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Acest plugin vă permite să schimbați raza colțului de la tastatură.

Import simboluri

Descărcați pluginul aici: https://github.com/kmerc/sketch-import-symbols

Dacă lucrați la mai multe fișiere Sketch, poate doriți să verificați acest plugin. Importă toate simbolurile dintr-un fișier Sketch în altul.

Mutați jumătate de pixel

Descărcați pluginul aici: https://github.com/canisminor1990/sketch-move-half-pixel

Uneori doriți să mutați un obiect în Sketch cu o jumătate de pixel - este ușor cu acest plugin.

Pluginuri de text

Descărcați pluginul aici: https://github.com/joshwayne/jw-sketch-plugins

Cu aceste două pluginuri, puteți combina mai multe straturi de text într-un singur câmp de text sau puteți împărți un câmp de text în straturi separate.

Apalet

Descărcați pluginul aici: https://github.com/Carlosarturo28/Appalette

Appalette va descărca o paletă de culori din multe aplicații populare precum Dropbox, Facebook sau Airbnb.

Verificați ortografic toate straturile

Descărcați pluginul aici: https://github.com/Tallwave/sketch-spellcheck-all-layers

Unul dintre pluginurile mele Sketch preferate. Acesta va verifica întregul fișier pentru greșeli de scriere.

Aspect automat

Descărcați pluginul aici: https://animaapp.github.io/

Patru cuvinte care descriu acest plugin: Design receptiv pentru designeri.

Fluid

Descărcați pluginul aici: https://github.com/matt-curtis/Fluid-for-Sketch

Un plugin complex care vă permite să creați tablouri de artă receptive bazate pe constrângeri.

Compo

Descărcați pluginul aici: https://github.com/romashamin/compo-sketch

Cu acest plugin Sketch, puteți crea componente dinamice de nivelul următor.

FlipSize

Descărcați pluginul aici: https://github.com/apertureless/sketch-flip-size

Un mic plugin Sketch care va schimba lățimea și înălțimea obiectului cu o comandă rapidă.

Pixel Perfecter

Descărcați pluginul aici: https://github.com/swiadek/pixel-perfecter-sketch-plugin

Cu acest plugin simplu Sketch, veți evita dimensiunile straturilor rupte.

Ștampila pictogramei

Descărcați pluginul aici: https://github.com/tylergaw/icon-stamper

Un plugin Sketch care va genera diferite dimensiuni de pictograme pentru dvs.

Planșe de artă sociale

Descărcați pluginul aici: https://github.com/herrhelms/social-artboards-sketch

Dacă creați o mulțime de imagini pe rețelele sociale, acest plugin Sketch vă va economisi mult timp prin generarea de tablouri de artă cu dimensiuni diferite pentru dvs.

Găsiți și înlocuiți

Descărcați pluginul aici: https://github.com/thierryc/Sketch-Find-And-Replace

Cu acest plugin Sketch puteți găsi și înlocui orice text din fișierul dvs.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
• Importanța designului centrat pe om în proiectarea produsului
• Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
• Principii euristice pentru interfețele mobile
• Design anticipator: Cum să creați experiențe magice pentru utilizator