Sisu
- 01. Kopeerimise ja kleepimise juhendid
- 02. Sketch Cleaner
- 03. Anima
- 04. Reageeri Sketch.app
- 05. Git Sketchi pistikprogramm
- 06. ImageOptim
- 07. Maagiline peegel
- 08. Ekspordi veel
- 11. Turg
- 12. Segmenteeritud ringid
- 13. Visandijooksja
- 14. Ikooni font
- 15. Leidke ja asendage
Sketchi pistikprogrammid aitavad Sketchi veelgi paremaks muuta. Sketch on paljude jaoks valitud kasutajaliidese veebidisaini tööriist ja osa sellest, mis teeb, on nii hea, on inimeste kogukond, kes töötab selle funktsionaalsuse ja funktsioonide laiendamiseks kohandatud pistikprogrammide loomise abil.
Sketchi pistikprogrammide haldamine on nüüd lihtsam kui kunagi varem. Pistikprogramme värskendatakse automaatselt ja vananenud keelatakse. Pistikprogrammi ökosüsteemi veelgi kasulikumaks muutmiseks on failide jagamise teenus Sketch Cloud, kuhu kõik saavad sisse logida, kus saate otse Sketchist vaadata, alla laadida ja avalikult jagatud Sketchi dokumente kommenteerida.
Nii et vaatame parimaid Sketchi pistikprogramme - neid, mis võivad kasutajaliideste kujundamist oluliselt muuta. Kui olete märganud ühte, mida soovite, lugege lisateavet Sketchi pistikprogrammide installimise kohta. Kui teile meeldivad teie veebitööriistad, siis ärge jätke tähelepanuta meie lemmikveebikujundustööriistu, veebisaidi koostajat ja pilvemälu ümardamist. Ja pidage meeles, et teie veebimajutusteenuse pakkuja valik on teie saidi edukuse jaoks ülioluline (aitab meie juhend).
01. Kopeerimise ja kleepimise juhendid
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Kopeerige, kleepige või eemaldage oma tahvlitelt juhendid
Igal disaineril on giididega armastus / vihkamine. Mõnikord on need täiesti hädavajalikud ja ülejäänud aja muudkui takistavad teid. Kui kasutate Sketchi paigutusvaliku asemel juhendeid, võib nende muutmine mitme tahvli jaoks olla õudusunenägu, kuid selle pistikprogrammi abil on juhendeid hõlpsasti võimalik kõigilt tahvlitelt kopeerida, kleepida ja eemaldada.
02. Sketch Cleaner
- Laadige alla siit
- Hind: $2
- Kokkuvõte: Saate oma disainifailid puhtaks kui vile
Kõik Sketši kujundused, mis on läbi teinud mõne korduse, koguvad oma teekonnal kindlasti natuke rämpsposti, näiteks peidetud kihid, ebajärjekindlad piiripositsioonid ja kasutamata kihtstiilid.
Ehkki räpane Sketch-faili omamine pole veel maailma lõpp, võib see mõjutada kätteandmist ja see muudab elu lihtsamaks kõigi jaoks, kes peavad seda mõtlema. Selle asemel, et kõik käsitsi läbi käia, kasutage Sketch Cleanerit kõigi levinumate probleemide automaatseks lahendamiseks.
03. Anima
- Laadige alla siit
- Hind: Tasuta ülespoole
- Kokkuvõte: Looge reageerivaid, ülitäpseid prototüüpe
Varem saadaval eraldi tasuta pistikprogrammidena - automaatne paigutus ja käivituslaad - on Anima nüüd kõik-ühes pistikprogramm, mis aitab teil luua tundlikke nööpnõelate, korstnate ja polsterdustega paigutusi ning ülitäpset prototüüpi, mis sobivad kõigile ekraanidele. Ühte projekti toetab endiselt tasuta versioon; piiramatute projektide puhul algab hind 25 dollarist kuus.
04. Reageeri Sketch.app
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Renderda Sketchile komponendid
Disainivarade haldamine võib Sketchis olla keeruline. See mugav Sketchi pistikprogramm pakub hõlpsamat ja usaldusväärsemat viisi oma varade haldamiseks. Rakendage oma kujundused koodina React komponentidena ja kasutage seda pistikprogrammi, et muuta need eskiisiks. See hõlbustab ka Sketch-failidesse reaalsete andmete toomist ja juurutamist.
React Sketch.app töötas välja Airbnb oma disainisüsteemiga kasutamiseks eesmärgiga aidata ületada lõhet disainerite ja arendajate vahel.
05. Git Sketchi pistikprogramm
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Sketchi sisse ehitatud Giti klient
Selle pistikprogrammi eesmärk on tuua Sketchi versioonihaldus. See toimib nii, et eksporditakse kujunduse iga osa jaoks pilt, seejärel genereeritakse ilusad erinevused, nii et on selge, milliseid muudatusi on tehtud. Projekteerimisprotsessi iga etapi dokumenteerimisel saavad kõik meeskonnaliikmed näha, kuidas disain on edenenud.
Git Sketchi pistikprogrammi lõi Mathieu Dutour, kes on sellest ajast alates liikunud terviklikuma, tasulise versioonihaldussüsteemi Kactus loomise poole.
06. ImageOptim
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Pildi optimeerimine visandis
Kuigi Sketch pakub SVG-failide optimeerimiseks oma lahendust, pole JPG- ja PNG-piltide tihendamiseks erinevaid võimalusi. Kuna ImageOptim on juba mitu aastat tugevat teenust pakkunud, on mõistlik, et see tooks selle funktsiooni Sketchi.
Iga disainer, kes hoolib laadimisajast ja pildi optimeerimisest (mis peaks olema kõigi disainerite ülesanne), peaks oma tööriistakasti lisama ImageOptimi. Pange tähele, et lisaks pistikprogrammile peate oma macOS-süsteemi installima ka tuumrakenduse ImageOptim (tasuta) ja peate siiski visandama kihid Sketchis eksporditavateks (alustamiseks minge jaotisse „Eksportige ja optimeerige kõik varad”).
07. Maagiline peegel
- Laadige alla siit
- Hind: Alates 4 dollarist kuus
- Kokkuvõte: Kujutise perspektiivi teisendamise tööriist
Kui proovite teha muljetavaldavaid tootemockette, kuid peate keeruliste asjadega tegelemiseks hüppama Photoshopi, võib Magic Mirror olla teie jaoks elupäästja. See on pildi perspektiivi muundamise tööriist, mis võimaldab teil luua perspektiivi makette ja muid moonutatud efekte Sketchist lahkumata.
08. Ekspordi veel
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Genereerib automaatselt kohahoidjakujutised
Kohahoidja piltide lisamine kujundusele on prototüüpimise vajalik osa, kuid tegelike piltide leidmine võib olla piin. Nii et selle asemel, et sellele aega raisata, jätke see kõik Day Playerile. See võimaldab teil lisada kohandatud kohahoidjakujutised igasse Sketchi dokumenti, mitmest erinevast kohatäite pilditeenusest, nii et suurim otsus, mille peate langetama, on see, kas soovite kasutada Bill Murray, Nicolas Cage'i või kassipoegi.
11. Turg
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Looge HTML-leht, mis võimaldab mõõta ja hankida CSS-i stiile
Kui soovite oma Sketchi kujundustest CSS-i stiile hankida, on plugin nagu Marketch hädavajalik. See võimaldab teil oma Sketchi tahvlid eksportida HTML-dokumente täis ZIP-failina, mille saate seejärel välja kaevata, et tõmmata välja palju magusat CSS-i, mis on kohe valmis.
12. Segmenteeritud ringid
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Looge täpne ümmargune graafika
Siin on kiire viis diagrammide ja diagrammide jaoks segmenteeritud ringide loomiseks. See pistikprogramm võib luua mitmesuguseid ringdiagrammide stiile, sealhulgas katkendlikke ja märgistatud ringe ning paksusi saab kontrollida komadega eraldatud väärtuste lihtsa loendi kaudu.
13. Visandijooksja
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Kohtvalgus otsingu jaoks
Sketch on armastatud minimalistliku klaviatuuri töövoo tõttu. Nagu öeldud, on alati kaks või kolm kiirklahvi, mille olete alati unustanud või segi ajanud mõne muu kujundusrakendusega nagu Photoshop - ja ärgem unustagem neid vähem levinud tööriistu ja funktsioone, millel pole klaviatuuri otseteed ja mis on peidetud sügavale Visandimenüü.
Sketch Runner lahendab need probleemid ja teeb seda viisil, mis on macOS-i kasutajatele tuttav - Sketch Runner on macOS Spotlight, kuid Sketchi jaoks.
14. Ikooni font
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Halda ikoonifonte
Ikoonifondid on ülitõhus viis ikoonide kasutamiseks veebidisainis, ilma et peaksite tonni pildivarasid eksportima ja optimeerima. Tavaliselt viidame ikoonifontidele pea> HTML-veebilehtede jaotist, nagu me teeme CSS-i ja JavaScripti puhul. Nende kasutamine Sketchis on siiski veidi keerulisem. Õnneks teeb Icon Font selle lihtsaks.
Pärast Sketch IconFonti allalaadimist ja installimist laadige alla SVG-fondifailid või laadige alla see fondipakett, mis sisaldab FontAwesome'i, Material Design Icons, Ion Icons ja Simple Line Icons fondifaile. Kui olete lõpetanud, navigeerige jaotisse Pluginad> Ikooni font> Font-paketi installimine, valige allalaaditud fondid dialoogiboksis Ava fail ja seejärel sisestamiseks sisestamiseks pistikprogrammid> Ikooni font> Ruudustiku lisamine> [teie soovitud ikoonifont]. ikooni.
Isegi kui kavatsete oma kujunduse jaoks kujundada kohandatud ikoonikomplekti, võivad teie käsutuses olevad valmis ikoonid aidata teil prototüüpide kiiret loomist disaini varases staadiumis, lisades teie vähese täpsusega makettidele veidi rohkem selgust / truudust .
15. Leidke ja asendage
- Laadige alla siit
- Hind: Tasuta
- Kokkuvõte: Valitud kihtides teksti leidmine ja asendamine
Tekstiredaktorid pole ainus koht, mille peate leidma ja asendama - see on kasulik ka Sketchis. Sellel pistikprogrammil on palju täpsemaid valikuid ja see võimaldab teil otsida tekstis valitud kihtidest (ja kõigest selles sisalduvast) konkreetseid sõnu või fraase, seejärel asendada see hõlpsalt.
Järgmine leht: rohkem aega säästvaid Sketchi pistikprogramme
