Tartalom
- 01. Másolási és beillesztési útmutatók
- 02. Vázlattisztító
- 03. Anima
- 04. Reagálja a Sketch.app alkalmazást
- 05. Git Sketch plugin
- 06. ImageOptim
- 07. Varázstükör
- 08. Export tovább
- 11. Marketch
- 12. Szegmentált körök
- 13. Vázlatfutó
- 14. Ikon betűtípus
- 15. Keresse meg és cserélje le
A Sketch beépülő modulok segítenek a Sketch fejlesztésében. A Sketch sokak számára a választott felhasználói felület webtervező eszköze, és ennek része olyan jó, hogy az emberek közössége azon dolgozik, hogy bővítse funkcionalitását és szolgáltatásait egyedi beépülő modulok létrehozásával.
A Sketch pluginek kezelése most könnyebb, mint valaha. A beépülő modulok automatikusan frissülnek, az elavultakat pedig letiltják. A plugin ökoszisztéma még hasznosabbá tétele a Sketch Cloud, egy fájlmegosztó szolgáltatás, amelyre bárki regisztrálhat, ahol megtekintheti, letöltheti és megjegyzést fűzhet a nyilvánosan vagy privátban megosztott Sketch dokumentumokhoz közvetlenül a Sketch alkalmazásból.
Vessünk egy pillantást a legjobb Sketch beépülő modulokra - amelyek drasztikusan megváltoztathatják a felhasználói felületek tervezését. Miután észrevette, hogy szeretne egyet, olvassa el a Sketch beépülő modulok telepítésének módját. Ha szereti webes eszközeit, ne hagyja ki a kedvenc webdesign eszközeinket, a weboldalkészítőt és a felhőalapú tárhelyet. És ne feledje, hogy a webtárhely-szolgáltató választása döntő fontosságú webhelye sikere szempontjából (útmutatónk segít).
01. Másolási és beillesztési útmutatók
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Másolja, illessze be vagy távolítsa el a vezetőket a rajztáblákról
Minden tervezőnek van egy szeretet / gyűlölet kapcsolata az útmutatókkal. Néha feltétlenül nélkülözhetetlenek, a fennmaradó időben pedig csak az útjába állnak. Ha a Sketch elrendezési opciója helyett útmutatókat használ, akkor azok több rajztáblára történő cseréje rémálom lehet, de ezzel a bővítménnyel könnyű másolni, beilleszteni és eltávolítani az útmutatókat az összes rajztábláról.
02. Vázlattisztító
- Töltse le itt
- Ár: $2
- Összegzés: Tegye tisztára a tervfájlokat, mint a síp
Bármely néhány ismétlésen átesett Sketch-terv egy kis szemetet fog felvenni az út során, például rejtett rétegeket, következetlen szegélypozíciókat és nem használt rétegstílusokat.
Bár még nem a világ vége, hogy rendetlen Sketch fájlja van, ez befolyásolhatja a hand-off-ot, és megkönnyíti mindazok életét, akiknek értelmeznie kell a sorban. Ahelyett, hogy mindent kézzel átélne, a Sketch Cleaner segítségével automatikusan kezelheti az összes gyakori problémát.
03. Anima
- Töltse le itt
- Ár: Ingyenes felfelé
- Összegzés: Készítsen érzékeny, nagy hűségű prototípusokat
Korábban különálló ingyenes beépülő modulokként - Auto Layout és Launchpad - kapható - az Anima ma már egy all-in-one plugin, amelynek célja, hogy reagáló elrendezéseket hozzon létre csapokkal, halmokkal és párnákkal, valamint nagy hűségű prototípusokkal, amelyek minden képernyőhöz illeszkednek. Még mindig létezik egy ingyenes verzió, amely egy projektet támogat; korlátlan projektek esetében az árak havi 25 dollárnál kezdődnek.
04. Reagálja a Sketch.app alkalmazást
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Render Reagáljon alkatrészeket a Sketch-hez
A Sketchben a tervezési eszközök kezelése nehéz lehet. Ez a praktikus Sketch plugin egyszerűbb és megbízhatóbb módszert kínál az eszközök kezelésére. A terveket kódként valósítsa meg React komponensként, majd használja ezt a bővítményt vázlattá. Ez megkönnyíti a valós adatok beolvasását és implementálását a Sketch fájlokba.
A React Sketch.app-ot az Airbnb fejlesztette ki a tervezési rendszerrel való használatra azzal a céllal, hogy segítsen áthidalni a tervezők és fejlesztők közötti szakadékot.
05. Git Sketch plugin
- Töltse le itt
- Ár: Ingyenes
- Összegzés: A Sketchbe beépített Git kliens
Ennek a bővítménynek a célja a verziószabályozás bevezetése a Sketch-be. Úgy működik, hogy exportál egy képet a tervezés minden részéhez, majd szép különbségeket generál, így világos, hogy milyen változtatásokat hajtottak végre. A tervezési folyamat egyes lépéseinek dokumentálásával a csapat minden tagja láthatja, hogyan haladt a tervezés.
A Git Sketch Plugint Mathieu Dutour készítette, aki azóta áttér egy átfogóbb, fizetett verzióvezérlő rendszer létrehozására a Kactus néven.
06. ImageOptim
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Képoptimalizálás a Vázlatban
Míg a Sketch saját megoldást kínál az SVG fájlok optimalizálására, a JPG és PNG képek tömörítésére nincsenek lehetőségek. Mivel az ImageOptim évek óta nyújt megbízható szolgáltatást, van értelme, hogy ezt a funkcionalitást eljuttatná a Sketch-hez.
Minden olyan tervezőnek, akinek fontos a betöltési idő és a képoptimalizálás (ennek minden tervezőnek kell lennie), hozzá kell adnia az ImageOptim eszköztárához. Ne feledje, hogy a plugin mellett a MacOS rendszerére telepítve kell lennie az alap ImageOptim alkalmazásnak (ingyenes), és továbbra is exportálhatóként kell megjelölnie a rétegeket a Sketch-ben (a kezdéshez navigáljon az „Összes eszköz exportálása és optimalizálása” részhez).
07. Varázstükör
- Töltse le itt
- Ár: 4 USD / hó
- Összegzés: Kép perspektivikus transzformációs eszköz
Ha lenyűgöző termékmockupokat próbál készíteni, de folyamatosan be kell ugrania a Photoshopba a trükkös dolgok kezeléséhez, a Magic Mirror életmentő lehet az Ön számára. Ez egy képperspektivikus átalakító eszköz, amely lehetővé teszi, hogy perspektivikus maketteket és egyéb torzított effektusokat hozzon létre anélkül, hogy elhagyná a Sketch-et.
08. Export tovább
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Automatikusan generál helyőrző képeket
Helyőrző képek hozzáadása a tervhez a prototípus készítés elengedhetetlen része, de a tényleges képek megtalálása fájdalmat okozhat. Tehát ne pazaroljon rá időt, hagyja az egészet a Day Player-re. Ez lehetővé teszi, hogy testreszabott helyőrző képeket adjon hozzá bármely Sketch dokumentumhoz, számos különböző helyőrző képszolgáltatásból, így a legnagyobb döntés, amelyet meg kell hoznia, az lesz, hogy Bill Murray-t, Nicolas Cage-et vagy cicákat kíván-e használni.
11. Marketch
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Generáljon html oldalt, amely képes mérni és megszerezni a CSS stílusokat
Ha be szeretné szerezni a CSS stílusokat a Sketch tervekből, akkor feltétlenül szükséges egy olyan plugin, mint a Marketch. Lehetővé teszi a Sketch rajztábláinak HTML-dokumentumokkal teli ZIP fájlként történő exportálását, amelyeket aztán kibonthat, hogy rengeteg édes CSS-t lehessen kihasználni.
12. Szegmentált körök
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Készítsen pontos körkörös grafikát
Ez egy gyors módja annak, hogy szegmentált köröket hozzon létre diagramokhoz és diagramokhoz. Ez a plugin különféle stílusú kördiagramokat állíthat elő, beleértve szaggatott és pipa köröket, a vastagságokat pedig a vesszővel elválasztott értékek egyszerű listáján keresztül lehet szabályozni.
13. Vázlatfutó
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Spotlámpa a kereséshez
A Sketch a minimalista billentyűzet-munkafolyamat miatt kedvelt. Ennek ellenére mindig van két vagy három billentyűparancs, amelyeket úgy tűnik, hogy mindig elfelejt vagy összetéveszt egy másik tervezőalkalmazással, például a Photoshop-val - és ne felejtsük el azokat a kevésbé elterjedt eszközöket és funkciókat, amelyeknek nincs billentyűparancsuk, és amelyek mélyen el vannak rejtve Vázlat menü.
A Sketch Runner megoldja ezeket a problémákat, és megcsinálja úgy, hogy a macOS felhasználói jól ismerjék - a Sketch Runner a macOS Spotlight, de a Sketch számára.
14. Ikon betűtípus
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Ikon betűtípusok kezelése
Az ikontípusok rendkívül hatékony módja az ikonok használatának a webtervekben anélkül, hogy rengeteg képi eszközt kellene exportálnia és optimalizálnia. Általában az ikon betűtípusokra hivatkozunk a fej> részben a HTML weboldalakhoz hasonlóan, mint CSS-sel és JavaScript-szel. Azonban a Sketch-ben való felhasználás egy kicsit bonyolultabb. Szerencsére az Icon Font megkönnyíti.
A Sketch IconFont letöltése és telepítése után töltse le az SVG betűtípusfájlokat, vagy töltse le ezt a betűkészletet, amely tartalmazza a FontAwesome, a Material Design Icons, az Ion Icons és az Simple Line Icons betűtípusfájljait. Ha elkészült, keresse meg a Plugins> Icon Font> Font-Bundle telepítését, válassza ki a letöltött betűtípusokat a Fájl megnyitása párbeszédpanelen, majd navigáljon a Plugins> Ikon betűtípus> Rács beszúrás> [a kívánt ikon betűtípus] elemre a beillesztéshez. egy ikon.
Még akkor is, ha egyedi ikonkészletet tervez tervezni a tervezéséhez, kész ikonok rendelkezésre állása segíthet a prototípus gyors elkészítésében a tervezés korai szakaszában, és még egy kis pontosságot / hűséget ad az alacsony hűségű makettjeihez. .
15. Keresse meg és cserélje le
- Töltse le itt
- Ár: Ingyenes
- Összegzés: Keresse meg és cserélje ki a szöveget a kijelölt rétegekben
A szövegszerkesztők nem az egyetlen hely, amelyet meg kell találnia és ki kell cserélnie - a Sketchben is hasznos. Ez a beépülő modul rengeteg speciális beállítással rendelkezik, és lehetővé teszi, hogy a szövegben egyes szavakat vagy kifejezéseket kiválasztott rétegekben (és mindenben, ami benne található) keressen, majd könnyen cserélje ki.
Következő oldal: További időtakarékos Sketch beépülő modulok
