10 tasuta sketch-pluginaid veebiarendajatele

Visand on veebidisainerite ja -arendajate hulgas palju tõmbejõudu. See on ilmselt sellepärast, et see on intuitiivne, lihtne õppida Sellel on palju funktsioone, mis muudavad veebisaidi prototüübi loomise palju lihtsamaks. See võib olla ka sellepärast, et see rakendus on laiendatav, s.t. saate pluginate abil hõlpsasti uusi funktsioone lisada.

Siin on 10 pluginat, mis aitavad teil tõsta oma tootlikkust Sketchiga töötades. On mitmekesine, ulatudes sisutootjatest, värvipalettide valijatest ja need võivad aidata teil kuvada kihtide mõõtmisi või lisada kihtidele automaatselt padding..

1. CSS Buddy

CSS Buddy võimaldab teil lisada CSS oma kihile Sketch-tööruumis. Põhimõtteliselt saab CSS-i abil kihi jaoks rakendada laiust, kõrgust, läbipaistmatust, kasti varju, piiri ja tausta.

Selle pistikprogrammi installimisel valige lihtsalt kiht ja seejärel valige Rakenda valikule plugina menüüst. Dialoog palub teil sisestada oma stiili. Lisage CSS-i sisu ilma CSS-klassi ja vaadake, kuidas teie kiht kujuneb.

2. Materjali disaini värvipalett

Kui järgite materjali disaini suundumust, on silmapaistev asi, mida kasutate eristavate värvide kasutamisel. Material Design'il on vinge värvipalett. Nüüd saate selle oma tööruumi tuua Materjali disaini värvipaleti plugin.

See plugin genereerib värvipaletid sekundites, ilma et sul oleks vaja oma tööala sulgeda. Valige oma tootele sobiva värvipaleti loomiseks Hue, Value või Swatch.

3. Sketch Notebook

Mõnikord peame näitama kommentaare või dokumentatsiooni. Kui te töötate koos teiste disainerite projektidega või kliendi kaasatusega, on see vajalik ka selleks, et saaksite tagada, et tulemus on see, mida kõik soovisid.

Sketch Notebook on plugin, et dokumenteerida oma disaini Sketchis kergesti. See lisab teie tööruumi täiendava külgriba, mis sisaldab kommentaare, mida lisate oma disaini mis tahes elemendile. Te saate kommenteerida nähtavust ümber, muuta, kustutada ja kommenteerida.

4. Päeva mängija

Enne tegelike kujutiste kasutamist disainilahenduses kasutame tihti kohatäitjate pilte disainiprotsessi kiirendamiseks. Sketchi jaoks saate kasutada Päeva mängija 6 kohatäitjateenusest, sealhulgas Placehold.it, LoremPixel ja Unsplash, lisama kohandatud skeemid igale Sketch tööala kihile. Kui see on aktiveeritud, saate määrata pildi laiuse, kõrguse ja muu teabe.

5. Sisu genereerimine

Meil on juba plugin, et sisestada kohatäitjate pilte, kuidas üldine sisu oleks? Sisu genereerimine aitab teil lisada näivaid andmeid, näiteks avatare, nimesid, geograafilise asukoha andmeid ja palju muud. Töötab suurepäraselt makettide projekteerimisel ja peavalu vähendamisel, et proovida välja selgitada, kuidas kohapeal andmeid genereerida.

Dummy andmete lisamiseks valige lihtsalt kiht ja seejärel valige Plugin> Generaator, ja vali Geo, Persona või Fotod.

6. Sketch Measure

Sketch Measure on Sketchi mõõtmisvahend. See mõõdab teie disaini kihi (või kihtide) pikkust või suurust. Saate ka kihi polsterdamise ja marginaali ning ka kahe kihi vaheline kaugus. Sketch Measure'i abil saab printida ka kihtide omadusi, näiteks värvi, piiri ja läbipaistmatust. Kõiki mõõtmisi saab tõsta klaviatuuri otseteede abil.

7. Dünaamiline nupp

Dünaamiline nupp aitab hõlpsasti luua fikseeritud polstritega nuppu. See reguleerib paddingi automaatselt teie antud väärtuse alusel, sõltumata teksti pikkusest. Paigaldatud pluginaga saab teksti muuta kiirklahviga Command + J. Vajaliku polstrimaterjali koguse saab seejärel sisestada tekstikihile (0: 0: 0: 0) (flex-button group).

8. Tüpograafiline skaala

Tüpograafiline skaala on plugin, mille abil saab valitud tekstikihti trükkida. Selle plugina kasutamiseks valige lihtsalt tekstikiht (üksik või mitu) või segakiht, mis sisaldab vähemalt ühte tekstikihti, seejärel valige Plugin> Tüpograafiline skaala ja muutke dialoogi väärtust. Tulemuseks on skaleeritud teksti komplekt, mis järgib tüpograafilise skaala reegleid.

9. Modulaator

Koos Modulaator klaviatuuri otsetee Shift + Command + M abil saate juhtida nuppude, moodulite või piirkondade paddings. . Vaadake video demot, et seda näha.

10. Tera

Kas olete kunagi mõelnud oma disaini teisendamisel visandist HTML-iks? Kui jah, siis peaksite ilmselt saama Tera, Sketch plugin, mis genereerib teie disainist automaatselt HTML-failid. See konverteerib grupi div, teksti lk ja nii edasi.

Blade'i kasutamisel saate pluginale öelda, millist DOM-elementi luua, lisades kihile spetsiaalse nime, näiteks [btn] või sisendi [text], nii et Blade teab, mida ta peaks tegema. Vaadake seda video demot sisemise ilme jaoks.

Nüüd loe: 12 Kasulikud pluginad WordPressi arendajatele