Inhalt
- 01. Guiden kopéieren & pechen
- 02. Skizz Cleaner
- 03. Anima
- 04. Reaktioun Sketch.app
- 05. Gitt Skizz Plugin
- 06. ImageOptim
- 07. Magesche Spigel
- 08. Export Méi
- 11. Marketch
- 12. Segmentéiert Kreeser
- 13. Skizz Runner
- 14. Ikon Schrëft
- 15. Fannen a ersetzen
Sketch Plugins hëllefen Sketch nach besser ze maachen. Sketch ass de go-to UI Webdesigninstrument vun der Wiel fir vill, an en Deel vun deem wat sou gutt ass ass d'Gemeinschaft vu Leit déi schaffen fir seng Funktionalitéit a Featuren ze verlängeren andeems se personaliséiert Plugins bauen.
D'Gestioun vun Äre Sketch Plugins ass elo méi einfach wéi jee. Plugins aktualiséieren automatesch an déi aktuell sinn ausgeschalt. De Plugin-Ökosystem nach méi nëtzlech ze maachen ass Sketch Cloud, e File-Sharing Service fir deen jidderee sech kann aschreiwen, wou Dir Skizz Dokumenter déi ëffentlech, oder privat direkt vu Sketch gedeelt goufen, gesinn, eroflueden a kommentéieren.
Also kucke mer déi bescht Sketch Plugins ronderëm - déi déi de Wee wéi Dir Userinterfaces designt drastesch ännere kéint. Wann Dir een entdeckt hutt deen Dir gär hätt, liest op wéi Dir Sketch Plugins installéiere wëllt. Wann Dir Är Web Tools gär hutt, verpasst net eis Liiblings Web Design Tools, Websäit Builder a Cloud Storage Roundups. An denkt drun, Är Wiel vum Webhosting Provider ass entscheedend fir den Erfolleg vun Ärem Site (eise Guide hëlleft).
01. Guiden kopéieren & pechen
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Kopéieren, pechen oder ewechhuelen Guiden vun Äre Konschtbiller
All Designer huet eng Léift / Haass Bezéiung mat Guiden. Heiansdo si se absolut wesentlech, an de Rescht vun der Zäit komme se Iech just an de Wee. Wann Dir Guiden amplaz vun der Sketch Layoutoptioun benotzt, ännert se fir verschidde Artboards kann en Albtraum sinn, awer mat dësem Plugin ass et einfach ze kopéieren, ze pechen an Guiden aus all Ären Artboards ze läschen.
02. Skizz Cleaner
- Luet hei erof
- Präis: $2
- Zesummefaassung: Gitt Är Design Dateien esou propper wéi e Pfeifel
All Skizz Design, deen duerch e puer Widderhuelunge war, ass gebonnen e bësse Junk ënnerwee opzehuelen, wéi verstoppte Schichten, onkonsequent Grenzpositiounen an net benotzte Schichtstiler.
Och wann et net d'Enn vun der Welt ass eng knaschteg Sketch-Datei ze hunn, kann et d'Hand-off beaflossen, an et wäert d'Liewe méi einfach maachen fir jiddereen, deen et Sënn mécht iwwer d'Linn. Anstatt alles duerch Hand ze goen, benotzt Sketch Cleaner fir all déi gemeinsam Probleemer automatesch ëmzegoen.
03. Anima
- Luet hei erof
- Präis: Gratis erop
- Zesummefaassung: Erstellt reagéiert, High-Fidelity Prototypen
Virdrun als separat gratis Plugins verfügbar - Auto Layout a Launchpad - Anima ass elo en All-in-One Plugin entwéckelt fir Iech ze hëllefen reaktiounsfäeg Layouten mat Pins, Stacks a Padding ze kreéieren, an High-Fidelity Prototypen déi all Bildschirmer passen. Et gëtt nach ëmmer eng gratis Versioun déi ee Projet ënnerstëtzt; fir onlimitéiert Projete fänkt de Präis bei $ 25 pro Mount un.
04. Reaktioun Sketch.app
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Rendéiert Reakt Komponente fir Skizz
Gestioun vun Design Verméigen kënnen a Sketch ka schwéier sinn. Dëse praktesche Sketch Plugin bitt e méi einfachen, méi zouverléissege Wee fir Äert Verméigen ze managen. Implementéiert Är Designs am Code als React Komponenten, da benotzt dëse Plugin fir se a Skizzen ze maachen. Et mécht et och méi einfach fir richteg Daten an Är Sketch Dateien ze sichen an ëmzesetzen.
React Sketch.app gouf vun Airbnb entwéckelt fir mat sengem Design System ze benotzen, mam Zil ze hëllefen den Ecart tëscht Designer an Entwéckler ze iwwerbrécken.
05. Gitt Skizz Plugin
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: E Git Client an Sketch gebaut
Dëse Plugin soll d'Versiounskontroll a Sketch bréngen. Et funktionnéiert andeems en e Bild fir all Deel vum Design exportéiert, da generéiert zimlech Differenzen, sou datt et kloer ass wat Ännerunge gemaach goufen. Duerch all Schrëtt vum Designprozess ze dokumentéieren, kann jiddereen am Team gesinn wéi den Design virugeet.
Git Sketch Plugin gouf vum Mathieu Dutour erstallt, deen zënterhier e méi ëmfaassend, bezuelte Versiounskontrollsystem mam Numm Kactus gemaach huet.
06. ImageOptim
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Bildoptiméierung a Skizz
Wärend Sketch seng eege Léisung bitt fir SVG Dateien ze optimiséieren, gëtt et keng Palette vun Optiounen fir JPG- a PNG-Biller ze kompriméieren. Well ImageOptim zënter e puer Joer e zolitte Service ubitt, mécht et Sënn datt et dës Funktionalitéit op Sketch bréngt.
All Designer dee sech ëm d'Luedezäiten an d'Bildoptimiséierung këmmert (wat all Designer soll sinn) soll ImageOptim an hir Toolbox bäifügen. Bedenkt datt wéi och de Plugin Dir de Core ImageOptim App (gratis) op Ärem MacOS System installéiert braucht, an Dir musst ëmmer nach Schichten als exportéierbar a Sketch markéieren (navigéiert op 'Exportéieren an Optimiséieren All Assets' fir unzefänken).
07. Magesche Spigel
- Luet hei erof
- Präis: Vun $ 4 / Mo
- Zesummefaassung: Bild Perspektiv Transformatiounsinstrument
Wann Dir probéiert beandrockend Produkter Mockups ze maachen awer weider am Photoshop sprange muss fir mat de knaschtege Saachen ëmzegoen, kann de Magic Mirror e Liewensretter fir Iech sinn. Et ass e Bild Perspektiv Transformatiounsinstrument, et erméiglecht Iech Perspektiv Mockups an aner verzerrt Effekter ze kreéieren ouni jeemools Sketch ze verloossen.
08. Export Méi
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Generéiert automatesch Plazhaler Biller
Plazholderbiller zu engem Design derbäisetzen ass en noutwendegen Deel vu Prototyping, awer déi aktuell Biller ze fannen kann e Schmerz sinn. Also anstatt eng Zäit drop ze verschwenden, iwwerlooss alles dem Day Player. Dëst erlaabt Iech personaliséiert Plazhalerbiller an all Sketch Dokument ze addéieren, vun enger Rei vu verschiddene Plazhaler Bildservicer, sou datt déi gréissten Entscheedung déi Dir maache musst ass ob Dir de Bill Murray, Nicolas Cage oder Kittens benotze wëllt.
11. Marketch
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Generéiert HTML Säit déi CSS Stile moossen a kréien
Wann Dir CSS Stile vun Äre Sketch Designs recuperéiere wëllt, ass e Plugin wéi Marketch absolut wesentlech. Et erlaabt Iech Är Sketch Artboards als Zip Datei voller HTML Dokumenter ze exportéieren déi Dir dann extrahéiere kënnt fir vill séiss CSS erauszekréien, prett fir ze goen.
12. Segmentéiert Kreeser
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Erstellt präzis kreesfërmeg Grafiken
Hei ass e schnelle Wee fir segmentéiert Kreeser fir Charts an Diagrammer ze maachen. Dëse Plugin kann verschidde Stiler vu kreesfërmegem Diagramm produzéieren inklusiv gestippelt an Tickmark Kreeser, an d'Dicke gi kontrolléiert iwwer eng einfach Lëscht vu Komma-getrennte Wäerter.
13. Skizz Runner
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Spotlight fir ze sichen
Skizz ass gutt beléift wéinst sengem minimalisteschen Tastatur Workflow. Wéi gesot, et gëtt ëmmer zwou oder dräi Tastatur Ofkierzungen déi Dir ëmmer schéngt mat enger anerer Design App wéi Photoshop ze vergiessen oder ze verwiesselen - a loosst eis déi manner heefeg Tools a Funktiounen net vergiessen déi keng Tastatur Ofkiirzung hunn a verstoppt déif an der Skizzmenü.
Sketch Runner léist dës Themen a mécht dat op eng Manéier déi macOS Benotzer vertraut sinn - Sketch Runner ass de macOS Spotlight, awer fir Sketch.
14. Ikon Schrëft
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Managen Symbol Schrëften
Ikoneschrëften sinn en héich effiziente Wee fir Icons an Äre Webdesignen ze benotzen ouni eng Tonne Bildbiller ze exportéieren an ze optimiséieren. Normalerweis bezéie mir eis Symboleschrëften an der Kapp> Sektioun vun HTML Websäiten, wéi mir et mat CSS a JavaScript maachen. Wéi och ëmmer, se a Sketch ze benotzen ass e bësse méi komplizéiert. Glécklecherweis, Icon Font mécht et einfach.
Nodeems Dir Sketch IconFont erofgelueden an installéiert hutt, lued SVG Schrëftdateien erof oder luet dëse Schrëftbündel, deen d'Schrëftdateie fir FontAwesome, Material Design Icons, Ion Icons an Simple Line Icons enthält. Wann Dir fäerdeg sidd, navigéiert op Plugins> Ikon Schrëft> Installéiert e Schrëftbündel, wielt déi erofgeluede Schrëften aus dem Dialog Open Datei, a navigéiert dann op Plugins> Ikon Schrëft> Gitter Insert> [Är gewënschten Ikon Schrëft] fir ze setzen eng Ikon.
Och wann Dir wëllt e personaliséierten Ikonset fir Äert Design ze designen, mat fäerdege Symboler zur Verfügung ze hunn kann Iech hëllefen mat schnelle Prototyping an de fréie Stadien vum Design, andeems Dir e bësse méi Kloerheet / Fidelitéit fir Är Low-Fidelity Mockups bäidréit. .
15. Fannen a ersetzen
- Luet hei erof
- Präis: Gratis
- Zesummefaassung: Fannt an ersetzt Text a gewielte Schichten
Text Editoren sinn net déi eenzeg Plaz déi Dir braucht ze fannen an ze ersetzen - et ass och nëtzlech am Sketch. Dëse Plugin huet vill fortgeschratt Optiounen, an et erlaabt Iech fir Instanze vu bestëmmte Wierder oder Ausdréck am Text a gewielte Schichten ze sichen (an alles enthale bannent), an ersetzt se einfach.
Nächst Säit: Méi Zäitspuerend Sketch Plugins
