Vsebina
- 01. Vodniki za kopiranje in lepljenje
- 02. Čistilo za skice
- 03. Anima
- 04. React Sketch.app
- 05. Vtičnik Git Sketch
- 06. ImageOptim
- 07. Čarobno ogledalo
- 08. Izvozi več
- 11. Marketch
- 12. Segmentirani krogi
- 13. Sketch Runner
- 14. Pisava ikone
- 15. Poiščite in zamenjajte
Vtičniki za Sketch pomagajo narediti Sketch še boljši. Sketch je za mnoge izbrano orodje za spletno oblikovanje uporabniškega vmesnika, del tega, kar je tako dobro, pa je skupnost ljudi, ki si prizadevajo razširiti njegovo funkcionalnost in funkcije z gradnjo vtičnikov po meri.
Upravljanje vtičnikov za Sketch je zdaj lažje kot kdaj koli prej. Vtičniki se samodejno posodabljajo, zastareli pa so onemogočeni. Še bolj uporaben ekosistem vtičnikov je Sketch Cloud, storitev za izmenjavo datotek, za katero se lahko vsakdo prijavi, kjer si lahko ogledate, prenesete in komentirate dokumente Sketch, ki so v javni skupni rabi ali zasebno neposredno iz programa Sketch.
Oglejmo si torej najboljše vtičnike za Sketch - tiste, ki bi lahko drastično spremenili način oblikovanja uporabniških vmesnikov. Ko opazite želenega, si preberite, kako namestite vtičnike za Sketch. Če imate radi svoja spletna orodja, ne zamudite naših najljubših orodij za spletno oblikovanje, graditelje spletnih strani in zaokroževanje prostora v oblaku. In ne pozabite, vaša izbira ponudnika spletnega gostovanja je ključnega pomena za uspeh vaše strani (naš vodnik vam bo pomagal).
01. Vodniki za kopiranje in lepljenje
- Prenesite tukaj
- Cena: prost
- Povzetek: Kopirajte, prilepite ali odstranite vodila s svojih plošč
Vsak oblikovalec ima odnos z ljubeznijo / sovraštvom do vodnikov. Včasih so absolutno nujni, ves čas pa vam le ovirajo pot. Če namesto možnosti postavitve programa Sketch uporabljate vodila, je lahko njihova sprememba za več umetnih plošč nočna mora, vendar je s tem vtičnikom enostavno kopirati, prilepiti in odstraniti vodila z vseh svojih plošč.
02. Čistilo za skice
- Prenesite tukaj
- Cena: $2
- Povzetek: Naj bodo vaše oblikovalske datoteke čiste kot piščalka
Vsaka zasnova Sketch, ki je opravila nekaj ponovitev, bo zagotovo pobrala nekaj smeti, kot so skrite plasti, neskladni položaji obrob in neuporabljeni slogi plasti.
Čeprav ne bo konca sveta, da bi imeli neurejeno datoteko Sketch, bi to lahko vplivalo na predajo in olajšalo življenje vsakomur, ki mora to smiselno razumeti. Namesto da ročno pregledujete vse, uporabite Sketch Cleaner za samodejno reševanje vseh pogostih težav.
03. Anima
- Prenesite tukaj
- Cena: Prosto navzgor
- Povzetek: Ustvarite odzivne prototipe z visoko natančnostjo
Prej na voljo kot ločena brezplačna vtičnika - Samodejna postavitev in Launchpad - Anima je zdaj vtičnik vse v enem, ki vam pomaga ustvariti odzivne postavitve z zatiči, zloženkami in oblazinjenjem ter prototipi visoke ločljivosti, ki ustrezajo vsem zaslonom. Še vedno obstaja brezplačna različica, ki podpira en projekt; za neomejene projekte se cene začnejo pri 25 USD na mesec.
04. React Sketch.app
- Prenesite tukaj
- Cena: prost
- Povzetek: Komponente React upodobite v Sketch
Upravljanje sredstev oblikovanja v programu Skica je lahko težavno. Ta priročen vtičnik Sketch omogoča enostavnejši in zanesljivejši način upravljanja vašega premoženja. Izvedite svoje modele v kodo kot komponente React, nato pa jih uporabite za vgradnjo v skico. Prav tako olajša pridobivanje in implementacijo resničnih podatkov v vaše datoteke Sketch.
React Sketch.app je Airbnb razvil za uporabo s svojim sistemom oblikovanja, da bi pomagal premostiti vrzel med oblikovalci in razvijalci.
05. Vtičnik Git Sketch
- Prenesite tukaj
- Cena: prost
- Povzetek: Odjemalec Git, vgrajen v Sketch
Cilj tega vtičnika je v Sketch vnesti nadzor nad različicami. Deluje tako, da izvaža sliko za vsak del zasnove in nato ustvari precej razlike, tako da je jasno, kakšne spremembe so bile narejene. Z dokumentiranjem vsakega koraka postopka oblikovanja lahko vsi v skupini vidijo, kako je oblikovanje napredovalo.
Vtičnik Git Sketch je ustvaril Mathieu Dutour, ki je od takrat nadaljeval z ustvarjanjem celovitejšega plačljivega sistema za nadzor različic, imenovanega Kactus.
06. ImageOptim
- Prenesite tukaj
- Cena: prost
- Povzetek: Optimizacija slike v skici
Sketch sicer ponuja lastno rešitev za optimizacijo datotek SVG, vendar ni možnosti za stiskanje slik JPG in PNG. Ker ImageOptim že vrsto let ponuja solidno storitev, je smiselno, da bi to funkcijo prinesel v Sketch.
Vsak oblikovalec, ki skrbi za čas nalaganja in optimizacijo slike (kar bi morali biti vsi oblikovalci), naj v svojo orodjarno doda ImageOptim. Upoštevajte, da boste poleg vtičnika potrebovali tudi osnovno aplikacijo ImageOptim (brezplačno), nameščeno v vašem sistemu macOS, in še vedno morate označiti sloje kot izvozne v programu Sketch (za začetek pojdite na »Izvozi in optimiziraj vsa sredstva«).
07. Čarobno ogledalo
- Prenesite tukaj
- Cena: Od 4 $ na mesec
- Povzetek: Orodje za preoblikovanje perspektive slike
Če poskušate narediti impresivne makete izdelkov, vendar morate še naprej skakati v Photoshop, da bi se spopadli s težavnimi stvarmi, bi vam Magic Mirror lahko rešil življenje. To je orodje za preoblikovanje perspektive slike, ki vam omogoča, da ustvarite perspektivne makete in druge popačene učinke, ne da bi morali zapustiti Sketch.
08. Izvozi več
- Prenesite tukaj
- Cena: prost
- Povzetek: Samodejno ustvari nadomestne slike
Dodajanje nadomestnih slik v zasnovo je nujen del izdelave prototipov, vendar je iskanje dejanskih slik lahko bolečina. Torej, ne pa zapravljati časa za to, vse prepustite Day Playerju. To vam omogoča, da dodate slike nadomestnih oznak poljubnemu dokumentu Sketch iz številnih različnih slikovnih storitev, tako da bo največja odločitev, ali želite uporabiti Billa Murraya, Nicolasa Cagea ali muce.
11. Marketch
- Prenesite tukaj
- Cena: prost
- Povzetek: Ustvari html stran, ki lahko meri in dobi sloge CSS
Če želite iz svojih načrtov Sketch pridobiti sloge CSS, je vtičnik, kot je Marketch, nujno potreben. Omogoča izvoz umetniških plošč Sketch kot zip datoteko, polno dokumentov HTML, ki jih lahko nato izvlečete, da izvlečete veliko sladkih CSS-jev, pripravljenih za uporabo.
12. Segmentirani krogi
- Prenesite tukaj
- Cena: prost
- Povzetek: Ustvarite natančne krožne grafike
Tukaj je hiter način za izdelavo segmentiranih krogov za grafikone in diagrame. Ta vtičnik lahko ustvari različne sloge krožnega diagrama, vključno s črtkanimi in označenimi krogi, debeline pa nadzorujemo s preprostim seznamom ločenih vrednosti.
13. Sketch Runner
- Prenesite tukaj
- Cena: prost
- Povzetek: Spotlight za iskanje
Sketch je zelo priljubljen zaradi minimalističnega poteka dela na tipkovnici. Kot rečeno, vedno obstajajo dve ali tri bližnjice na tipkovnici, za katere se vam zdi, da jih vedno pozabite ali zamenjate z drugo oblikovalsko aplikacijo, kot je Photoshop - in ne pozabimo na tista manj pogosta orodja in funkcije, ki nimajo bližnjice na tipkovnici in so skrite globoko v Meni skic.
Sketch Runner rešuje ta vprašanja in to na način, ki ga poznajo uporabniki macOS - Sketch Runner je macOS Spotlight, vendar za Sketch.
14. Pisava ikone
- Prenesite tukaj
- Cena: prost
- Povzetek: Upravljanje pisav ikon
Pisave ikon so zelo učinkovit način uporabe ikon v vaših spletnih modelih, ne da bi morali izvoziti in optimizirati veliko slikovnih sredstev. Običajno se v glava> odsek spletnih strani HTML, kot to počnemo s CSS in JavaScript. Vendar je njihova uporaba v programu Sketch nekoliko bolj zapletena. K sreči Icon Font to olajša.
Po prenosu in namestitvi programa Sketch IconFont prenesite datoteke pisave SVG ali prenesite ta sveženj pisav, ki vključuje datoteke pisav za FontAwesome, Ikone materialnega oblikovanja, Ionske ikone in Ikone preproste črte. Ko končate, pojdite na Vtičniki> Pisava ikon> Namestitev sklopa pisav, v pogovornem oknu Odpri datoteko izberite prenesene pisave, nato se pomaknite do Vtičniki> Pisava ikone> Vstavljanje mreže> [želena pisava ikone], da vstavite ikono.
Tudi če nameravate za svoj dizajn oblikovati nabor ikon po meri, vam lahko na voljo že pripravljene ikone pomagajo pri hitrem prototipiranju v zgodnjih fazah načrtovanja in dodajo malo več jasnosti / zvestobe svojim maketam z nizko stopnjo zvestobe. .
15. Poiščite in zamenjajte
- Prenesite tukaj
- Cena: prost
- Povzetek: Poiščite in zamenjajte besedilo v izbranih slojih
Urejevalniki besedil niso edino, kjer jih morate najti in zamenjati - to je koristno tudi v programu Sketch. Ta vtičnik ima veliko naprednih možnosti in omogoča iskanje primerkov določenih besed ali besednih zvez v besedilu v izbranih slojih (in vsega, kar je v njem), nato pa ga enostavno zamenjajte.
Naslednja stran: Več vtičnikov za Sketch, ki prihranijo čas
