Sisältö
- 01. Kopiointi- ja liittämisoppaat
- 02. Luonnospuhdistaja
- 03. Anima
- 04. React Sketch.app
- 05. Git Sketch -laajennus
- 06. ImageOptim
- 07. Maaginen peili
- 08. Vie lisää
- 11. Marketch
- 12. Segmentoidut ympyrät
- 13. Luonnosjuoksija
- 14. Kuvakkeen fontti
- 15. Etsi ja korvaa
Sketch-laajennukset auttavat tekemään Sketchistä entistä paremman. Sketch on monien valitsema käyttöliittymän web-suunnittelutyökalu, ja osa siitä, mikä tekee, on niin hyvää, on ihmisten yhteisö, joka pyrkii laajentamaan sen toiminnallisuutta ja ominaisuuksia rakentamalla mukautettuja laajennuksia.
Sketch-laajennusten hallinta on nyt helpompaa kuin koskaan. Laajennukset päivittyvät automaattisesti ja vanhentuneet poistetaan käytöstä. Laajennusekosysteemistä entistä hyödyllisempi on Sketch Cloud, tiedostojenjakopalvelu, johon kuka tahansa voi rekisteröityä, ja jossa voit tarkastella, ladata ja kommentoida Sketch-asiakirjoja, jotka on jaettu julkisesti tai yksityisesti suoraan Sketchistä.
Joten katsotaanpa parhaat Sketch-laajennukset - ne, jotka voivat muuttaa dramaattisesti käyttöliittymien suunnittelua. Kun olet huomannut haluamasi, lue lisätietoja Sketch-laajennusten asentamisesta. Jos rakastat verkkotyökalujasi, älä missaa suosikkisivujemme suunnittelutyökaluja, verkkosivustojen rakennustyökalua ja pilvitallennustilaa. Ja muista, että Web-palveluntarjoajan valinta on ratkaisevan tärkeää sivustosi menestykselle (oppaamme auttaa).
01. Kopiointi- ja liittämisoppaat
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Kopioi, liitä tai poista oppaita piirtoalusta
Jokaisella suunnittelijalla on rakkaus / viha -suhde oppaisiin. Joskus ne ovat ehdottoman välttämättömiä, ja loput ajasta ovat vain tielläsi. Jos käytät oppaita Sketchin asetteluvaihtoehdon sijasta, niiden vaihtaminen useille piirtoaluksille voi olla painajainen, mutta tämän laajennuksen avulla oppaat on helppo kopioida, liittää ja poistaa kaikista taulukoista.
02. Luonnospuhdistaja
- Lataa tästä
- Hinta: $2
- Yhteenveto: Ota suunnittelutiedostosi puhtaiksi kuin pilli
Kaikki Sketch-mallit, jotka ovat käyneet läpi muutaman iteraation, saavat varmasti jonkin verran roskaa matkan varrella, kuten piilotetut tasot, epäjohdonmukaiset reunapaikat ja käyttämättömät tasotyylit.
Vaikka ei ole maailman loppua, kun sinulla on sotkuinen Sketch-tiedosto, se voi vaikuttaa luovutukseen, ja se helpottaa jokaisen, jolla on järkeä sen kanssa, elämää. Sen sijaan, että käy läpi kaikki käsin, käytä Sketch Cleaner -sovellusta käsittelemään kaikki yleiset ongelmat automaattisesti.
03. Anima
- Lataa tästä
- Hinta: Vapaa ylöspäin
- Yhteenveto: Luo reagoivia, tarkkoja prototyyppejä
Aikaisemmin saatavana erillisinä ilmaisina laajennuksina - Auto Layout ja Launchpad - Anima on nyt all-in-one-laajennus, joka on suunniteltu auttamaan sinua luomaan reagoivia asetteluja, joissa on nastat, pinot ja täytteet sekä erittäin tarkat prototyypit, jotka sopivat kaikkiin näyttöihin. Yksi projekti tukee edelleen ilmaista versiota. rajoittamattomien projektien hinnoittelu alkaa 25 dollaria kuukaudessa.
04. React Sketch.app
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Renderöi komponentit Sketchiin
Suunnitteluvarojen hallinta Sketchissä voi olla vaikeaa. Tämä kätevä Sketch-laajennus tarjoaa helpomman ja luotettavamman tavan hallita omaisuuttasi. Toteuta suunnitelmat koodina React-komponentteina ja tee sitten tämä laajennus niiden luonnokseksi. Se myös helpottaa todellisten tietojen hakemista ja käyttöönottoa Sketch-tiedostoihisi.
Airbnb on kehittänyt React Sketch.app -sovelluksen käytettäväksi suunnittelujärjestelmänsä kanssa tarkoituksena auttaa kaventamaan kuilua suunnittelijoiden ja kehittäjien välillä.
05. Git Sketch -laajennus
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Sketchiin sisäänrakennettu Git-asiakas
Tämän laajennuksen tarkoituksena on tuoda Sketchiin versionhallinta. Se toimii viemällä kuvan suunnittelun jokaiselle osalle ja luomalla sitten melko suuria eroja, joten on selvää, mitä muutoksia on tehty. Dokumentoimalla suunnitteluprosessin jokaisen vaiheen, kaikki joukkueen jäsenet voivat nähdä, miten suunnittelu on edennyt.
Git Sketch -laajennuksen loi Mathieu Dutour, joka on sittemmin siirtynyt luomaan kattavamman, maksetun versionhallintajärjestelmän nimeltä Kactus.
06. ImageOptim
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Kuvan optimointi luonnoksessa
Vaikka Sketch tarjoaa oman ratkaisun SVG-tiedostojen optimointiin, JPG- ja PNG-kuvien pakkaamiseen ei ole erilaisia vaihtoehtoja. Koska ImageOptim on tarjonnut vankkaa palvelua useita vuosia, on järkevää tuoda tämä toiminto Sketchiin.
Suunnittelijan, joka huolehtii latausaikoista ja kuvan optimoinnista (jonka pitäisi olla kaikkien suunnittelijoiden), tulisi lisätä ImageOptim työkalupakkiinsa. Huomaa, että laajennuksen lisäksi sinun on asennettava ImageOSoptim-sovellus (ilmainen) macOS-järjestelmääsi, ja sinun on silti merkittävä tasot Sketchissä vietäviksi (aloita siirtymällä kohtaan Vie ja optimoi kaikki varat).
07. Maaginen peili
- Lataa tästä
- Hinta: Alkaen 4 dollaria kuukaudessa
- Yhteenveto: Kuvan perspektiivin muunnostyökalu
Jos yrität tehdä vaikuttavia tuotemalleja, mutta sinun on jatkettava hyppäämistä Photoshopiin käsittelemään hankalia juttuja, Magic Mirror voi olla hengenpelastaja sinulle. Se on kuvaperspektiivin muunnostyökalu, jonka avulla voit luoda perspektiivimalleja ja muita vääristyneitä tehosteita poistumatta Sketchistä.
08. Vie lisää
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Luo paikkamerkkien kuvat automaattisesti
Paikkamerkkikuvien lisääminen suunnitteluun on välttämätön osa prototyyppien tekemistä, mutta todellisten kuvien löytäminen voi olla tuskaa. Joten pikemminkin tuhlaa aikaa siihen, jätä kaikki Day Playerin tehtäväksi. Tämän avulla voit lisätä räätälöityjä paikkamerkkien kuvia mihin tahansa Sketch-asiakirjaan useista erilaisista paikkamerkkien kuvapalveluista, joten suurin sinun on tehtävä päätös siitä, haluatko käyttää Bill Murrayta, Nicolas Cagea vai pentuja.
11. Marketch
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Luo HTML-sivu, joka voi mitata ja saada CSS-tyylit
Jos haluat hakea CSS-tyylit Sketch-malleistasi, Marketchin kaltainen laajennus on ehdottoman välttämätön. Sen avulla voit viedä Sketch-piirtoalustat zip-tiedostona, joka on täynnä HTML-asiakirjoja ja jotka voit sitten purkaa saadaksesi runsaasti makeaa CSS: ää valmiina.
12. Segmentoidut ympyrät
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Luo tarkka pyöreä grafiikka
Tässä on nopea tapa tehdä segmentoituja ympyröitä kaavioille ja kaavioille. Tämä laajennus voi tuottaa erilaisia pyöreän kaavion tyylejä, mukaan lukien katkoviivat ja rasti-ympyrät, ja paksuutta hallitaan yksinkertaisen luettelon pilkuilla erotetuista arvoista.
13. Luonnosjuoksija
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Valokeila hakua varten
Luonnos on hyvin rakastettu sen minimalistisesta näppäimistön työnkulusta. Tästä huolimatta on aina kaksi tai kolme pikanäppäintä, jotka aina näyttävät unohtavan tai sekoittuvan toiseen suunnittelusovellukseen, kuten Photoshop - ja älkäämme unohtako niitä harvinaisempia työkaluja ja ominaisuuksia, joilla ei ole pikanäppäintä ja jotka ovat piilossa syvällä Luonnosvalikko.
Sketch Runner ratkaisee nämä ongelmat ja tekee sen tavalla, joka macOS-käyttäjille on tuttu - Sketch Runner on macOS Spotlight, mutta Sketchille.
14. Kuvakkeen fontti
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Hallitse kuvakkeiden fontteja
Kuvakekirjasimet ovat erittäin tehokas tapa käyttää kuvakkeita verkkosuunnittelussa ilman, että sinun tarvitsee viedä ja optimoida tonnia kuvavaroja. Tyypillisesti viitataan kuvakkeiden fontteihin pää> HTML-verkkosivujen osio, kuten CSS: n ja JavaScriptin kanssa. Niiden käyttö Sketchissä on kuitenkin hieman monimutkaisempaa. Onneksi Icon Font tekee siitä helppoa.
Kun olet ladannut ja asentanut Sketch IconFont, lataa SVG-kirjasintiedostot tai lataa tämä kirjasinpaketti, joka sisältää FontAwesomen, Material Design Iconsin, Ionikuvakkeiden ja Simple Line -kuvakkeiden fonttitiedostot. Kun olet valmis, siirry kohtaan Plugins> Icon Font> Install a Font-Bundle, valitse ladatut fontit Open File -valintaikkunasta ja siirry sitten Plugins> Icon Font> Ruudukon lisäys> [haluamasi kuvakkeen fontti] lisätäksesi. kuvaketta.
Vaikka aiot suunnitella mukautetun kuvakesarjan suunnittelullesi, valmiiden kuvakkeiden käyttö käytettävissäsi voi auttaa sinua prototyyppien nopeassa suunnittelun alkuvaiheessa, mikä lisää hieman selkeyttä / uskollisuutta heikkolaatuisiin mallisiisi .
15. Etsi ja korvaa
- Lataa tästä
- Hinta: Vapaa
- Yhteenveto: Etsi ja korvaa teksti valituissa tasoissa
Tekstieditorit eivät ole ainoa paikka, joka sinun on löydettävä ja vaihdettava - se on hyödyllinen myös Sketchissä. Tällä laajennuksella on paljon lisäasetuksia, ja sen avulla voit etsiä tiettyjen sanojen tai lauseiden esiintymiä tekstistä valituissa tasoissa (ja kaikessa, mikä siinä on) ja korvata se sitten helposti.
Seuraava sivu: Lisää aikaa säästäviä Sketch-laajennuksia
