Conţinut
- 01. Copiați și inserați ghiduri
- 02. Sketch Cleaner
- 03. Anima
- 04. React Sketch.app
- 05. Git Sketch Plugin
- 06. ImageOptim
- 07. Oglindă magică
- 08. Exportați mai mult
- 11. Marketch
- 12. Cercuri segmentate
- 13. Sketch Runner
- 14. Font pictogramă
- 15. Găsiți și înlocuiți
Pluginurile Sketch ajută la îmbunătățirea Sketch. Sketch este instrumentul de design web UI pentru mulți, iar o parte din ceea ce face este atât de bună este comunitatea de oameni care lucrează pentru a-și extinde funcționalitatea și caracteristicile prin construirea de pluginuri personalizate.
Gestionarea pluginurilor dvs. Sketch este acum mai ușoară ca niciodată. Pluginurile se actualizează automat, iar cele învechite sunt dezactivate. Sketch Cloud, un serviciu de partajare a fișierelor la care oricine se poate înscrie, face ca ecosistemul de pluginuri să fie și mai util, unde puteți vizualiza, descărca și comenta documentele Sketch care au fost partajate public sau privat direct din Sketch.
Deci, să aruncăm o privire asupra celor mai bune pluginuri Sketch din jur - cele care ar putea schimba drastic modul în care proiectați interfețele utilizatorului. După ce ați observat unul pe care doriți, citiți cum să instalați pluginurile Sketch. Dacă vă plac instrumentele dvs. web, nu ratați instrumentele noastre preferate de proiectare web, generatorul de site-uri web și pachetele de stocare în cloud. Și amintiți-vă, alegerea furnizorului dvs. de găzduire web este crucială pentru succesul site-ului dvs. (ghidul nostru vă va ajuta).
01. Copiați și inserați ghiduri
- Descarcă aici
- Preț: Gratuit
- Rezumat: Copiați, lipiți sau eliminați ghidajele de pe planșele dvs. de lucru
Fiecare designer are o relație de dragoste / ură cu ghizii. Uneori sunt absolut esențiale, iar în restul timpului îți împiedică doar calea. Dacă folosiți ghiduri în locul opțiunii de aspect Sketch, schimbarea acestora pentru mai multe planșe de lucru poate fi un coșmar, dar cu acest plugin este ușor să copiați, să lipiți și să eliminați ghidurile de pe toate planșele dvs. de lucru.
02. Sketch Cleaner
- Descarcă aici
- Preț: $2
- Rezumat: Obțineți fișierele de proiectare la fel de curate ca un fluier
Orice design de schiță care a trecut prin câteva iterații este obligat să adune un pic de junk pe parcurs, cum ar fi straturile ascunse, pozițiile de margine inconsistente și stilurile de strat neutilizate.
Deși nu este sfârșitul lumii să ai un fișier Sketch dezordonat, acesta ar putea afecta transferul și va face viața mai ușoară pentru oricine trebuie să-i dea sens. În loc să parcurgeți totul cu mâna, utilizați Sketch Cleaner pentru a rezolva automat toate problemele comune.
03. Anima
- Descarcă aici
- Preț: Eliberează în sus
- Rezumat: Creați prototipuri receptive, de înaltă fidelitate
Disponibil anterior ca pluginuri separate separate - Layout automat și Launchpad - Anima este acum un plugin all-in-one conceput pentru a vă ajuta să creați machete receptive cu pini, stive și căptușeală și prototipuri de înaltă fidelitate care se potrivesc tuturor ecranelor. Există încă o versiune gratuită care acceptă un proiect; pentru proiecte nelimitate, prețurile încep de la 25 USD pe lună.
04. React Sketch.app
- Descarcă aici
- Preț: Gratuit
- Rezumat: Redați componentele React la Sketch
Gestionarea activelor de proiectare în Sketch poate fi dificilă. Acest plugin Sketch la îndemână oferă un mod mai ușor și mai fiabil de a vă gestiona activele. Implementați proiectele în cod ca componente React, apoi utilizați acest plugin pentru a le reda în schiță. De asemenea, facilitează preluarea și implementarea datelor reale în fișierele dvs. Sketch.
React Sketch.app a fost dezvoltat de Airbnb pentru utilizare cu sistemul său de proiectare, cu scopul de a contribui la reducerea decalajului dintre designeri și dezvoltatori.
05. Git Sketch Plugin
- Descarcă aici
- Preț: Gratuit
- Rezumat: Un client Git încorporat în Sketch
Acest plugin își propune să aducă controlul versiunilor în Sketch. Funcționează exportând o imagine pentru fiecare parte a designului, apoi generând diferențe destul de bune, astfel încât să fie clar ce modificări au fost făcute. Prin documentarea fiecărui pas al procesului de proiectare, toată lumea din echipă poate vedea cum a progresat proiectarea.
Git Sketch Plugin a fost creat de Mathieu Dutour, care de atunci a trecut la crearea unui sistem de control al versiunilor mai complet, plătit, numit Kactus.
06. ImageOptim
- Descarcă aici
- Preț: Gratuit
- Rezumat: Optimizarea imaginii în Sketch
În timp ce Sketch oferă propria sa soluție pentru optimizarea fișierelor SVG, nu există o gamă largă de opțiuni pentru comprimarea imaginilor JPG și PNG. Întrucât ImageOptim oferă un serviciu solid de câțiva ani, este logic că ar aduce această funcționalitate la Sketch.
Orice designer căruia îi pasă de timpii de încărcare și de optimizarea imaginii (care ar trebui să fie toți proiectanții) ar trebui să adauge ImageOptim în cutia de instrumente. Rețineți că, precum și pluginul, veți avea nevoie de aplicația de bază ImageOptim (gratuită) instalată pe sistemul dvs. MacOS și trebuie totuși să marcați straturile ca exportabile în Sketch (navigați la „Exportați și optimizați toate activele” pentru a începe).
07. Oglindă magică
- Descarcă aici
- Preț: De la 4 USD / lună
- Rezumat: Instrument de transformare a perspectivei imaginii
Dacă încercați să realizați machete impresionante de produse, dar trebuie să continuați să sari în Photoshop pentru a face față lucrurilor dificile, Magic Mirror ar putea fi un salvator pentru dumneavoastră. Este un instrument de transformare a perspectivei imaginii, care vă permite să creați machete de perspectivă și alte efecte distorsionate fără a părăsi vreodată Sketch.
08. Exportați mai mult
- Descarcă aici
- Preț: Gratuit
- Rezumat: Generează automat imagini de substituent
Adăugarea imaginilor de substituent la un design este o parte necesară a prototipării, dar găsirea imaginilor reale poate fi o durere. Deci, mai degrabă decât să pierdeți timpul pe el, lăsați totul la Day Player. Acest lucru vă permite să adăugați imagini de substituent personalizate la orice document Sketch, dintr-o serie de servicii de imagine de substituent diferite, astfel încât cea mai mare decizie pe care trebuie să o luați va fi dacă doriți să utilizați Bill Murray, Nicolas Cage sau pisoi.
11. Marketch
- Descarcă aici
- Preț: Gratuit
- Rezumat: Generați o pagină html care poate măsura și obține stiluri CSS
Dacă doriți să recuperați stilurile CSS din desenele dvs. Sketch, atunci un plugin precum Marketch este absolut esențial. Vă permite să exportați planșele de schiță Sketch ca fișier zip plin de documente HTML pe care să le puteți extrage pentru a extrage o mulțime de CSS dulci, gata de plecare.
12. Cercuri segmentate
- Descarcă aici
- Preț: Gratuit
- Rezumat: Creați grafică circulară precisă
Iată o modalitate rapidă de a crea cercuri segmentate pentru diagrame și diagrame. Acest plugin poate produce diferite stiluri de diagramă circulară, inclusiv cercuri întrerupte și bifate, iar grosimile sunt controlate printr-o listă simplă de valori separate prin virgulă.
13. Sketch Runner
- Descarcă aici
- Preț: Gratuit
- Rezumat: Spotlight pentru căutare
Sketch este foarte iubit pentru fluxul său de lucru minimalist de la tastatură. Acestea fiind spuse, există întotdeauna două sau trei comenzi rapide de la tastatură pe care pare să le uitați sau le confundați întotdeauna cu o altă aplicație de design precum Photoshop - și să nu uităm de acele instrumente și caracteristici mai puțin obișnuite care nu au o comandă rapidă de la tastatură și sunt ascunse adânc în Meniu schiță.
Sketch Runner rezolvă aceste probleme și o face într-un mod în care utilizatorii de macOS sunt familiarizați - Sketch Runner este macOS Spotlight, dar pentru Sketch.
14. Font pictogramă
- Descarcă aici
- Preț: Gratuit
- Rezumat: Gestionați fonturile pictogramei
Fonturile de pictograme sunt un mod extrem de eficient de a utiliza pictograme în design-urile dvs. web fără a fi nevoie să exportați și să optimizați o mulțime de materiale de imagine. De obicei, facem referire la fonturile pictogramei din cap> secțiunea de pagini web HTML, așa cum facem cu CSS și JavaScript. Cu toate acestea, utilizarea lor în Sketch este puțin mai complicată. Din fericire, Icon Font o ușurează.
După descărcarea și instalarea Sketch IconFont, descărcați fișiere de fonturi SVG sau descărcați acest pachet de fonturi, care include fișierele de fonturi pentru FontAwesome, Pictograme de proiectare a materialelor, Pictograme Ion și Pictograme linii simple. Când ați terminat, navigați la Pluginuri> Font pictogramă> Instalați un pachet de fonturi, selectați fonturile descărcate din dialogul Deschidere fișier, apoi navigați la Pluginuri> Font pictogramă> Inserare grilă> [fontul pictogramei dorite] pentru a insera o icoana.
Chiar dacă intenționați să proiectați un set de pictograme personalizat pentru designul dvs., având la dispoziție icoane gata făcute vă poate ajuta cu prototiparea rapidă în primele etape ale proiectării, adăugând un pic mai multă claritate / fidelitate machetelor dvs. de fidelitate redusă. .
15. Găsiți și înlocuiți
- Descarcă aici
- Preț: Gratuit
- Rezumat: Găsiți și înlocuiți textul în straturile selectate
Editorii de text nu sunt singurul loc de care trebuie să găsiți și să înlocuiți - este util și în Sketch. Acest plugin are o mulțime de opțiuni avansate și vă permite să căutați instanțe de anumite cuvinte sau fraze în text în straturile selectate (și tot ceea ce conține), apoi să îl înlocuiți cu ușurință.
Pagina următoare: pluginuri Sketch mai economisitoare de timp
