Το Sketch έχει πάρει την αγορά σχεδιασμού από καταιγίδα. Δεν έχει κυκλοφορήσει κανένα επίσημο ζήτημα, αλλά είναι αρκετά προφανές ότι σχεδόν οποιαδήποτε ομάδα σχεδιασμού στην οποία συμμετέχετε ή γνωρίζετε ή ξέρει ή χρησιμοποιεί το Sketch σε κάποιο βαθμό.
Μία από τις πιο ισχυρές πτυχές του Sketch είναι η ζωντανή κοινότητα προγραμματιστών και το φανταστικό σύνολο προσθηκών που έχουν δημιουργήσει για αυτό. Με τα πρόσθετα Sketch, μπορείτε να δημιουργήσετε υπέροχες εικόνες 3D και μοναδικές κινούμενες εικόνες σε δευτερόλεπτα.
Έκανα μια λίστα με πενήντα από τα καλύτερα πρόσθετα Sketch για εξοικονόμηση χρόνου στην έρευνα. Τα οργάνωσα κατά κατηγορίες παρακάτω.
Διαχειριστές προσθηκών σκίτσων
Πρόσθετα σκίτσων συνεργασίας
Πρόσθετα δημιουργίας περιεχομένου και αντικειμένων
Εξαγωγές και προσθήκες ανάπτυξης
Πρόσθετα διαχείρισης επιπέδου
Βοηθητικά προγράμματα
Διαχειριστές προσθηκών σκίτσων
Θα πρέπει να ξεκινήσετε εγκαθιστώντας ένα από αυτά τα τέσσερα πρόσθετα Sketch. Θα σας βοηθήσουν να διαχειριστείτε και να διαχειριστείτε αποτελεσματικά τις προσθήκες σας.
Πακέτα σκίτσων
Κάντε λήψη της προσθήκης εδώ: https://sketchpacks.com/
Ένας εξερευνητής Sketch plugin, ένας διαχειριστής και ένας αυτόματος ενημερωτής ενημέρωσης. Τα πακέτα Sketch θα σας εξοικονομήσουν επίσης απροσδόκητα προβλήματα συμβατότητας κατά την ενημέρωση του Sketch κλειδώνοντας τις εκδόσεις plugin.
Δρομέας σκίτσων
Sketch Runner στο επίκεντρο ή Alfred για Sketch. Είναι ένα ισχυρό πρόσθετο Sketch που σας επιτρέπει να εκτελείτε εντολές Sketch από το πληκτρολόγιό σας. Είναι επίσης ένα πρόσθετο που εγκαθιστά και διαχειρίζεται άλλα πρόσθετα για εσάς.
Διαχείριση προσθηκών Sketch
Κάντε λήψη της προσθήκης εδώ: https://mludowise.github.io/Sketch-Plugin-Manager/
Αυτό είναι το τρίτο των τεσσάρων προσθηκών που θα βρείτε χρήσιμο κατά τη δοκιμή και τη διαχείριση των προσθηκών σας. Χρησιμοποιήστε το Git για να διαχειριστείτε όλες τις προσθήκες σας και να τις διατηρείτε ενημερωμένες.
Εργαλειοθήκη σκίτσων
Κάντε λήψη της προσθήκης εδώ: http://sketchtoolbox.com/
εργαλείο που χρησιμοποιείται για την οπτικοποίηση όλων των δυνατών συνδυασμών
Το Sketch Toolbox είναι μια άλλη επιλογή που σας βοηθά να διαχειριστείτε, να εγκαταστήσετε και να ενημερώσετε όλες τις προσθήκες Sketch.
Ενώ πρέπει να δοκιμάσετε αυτά τα τέσσερα πρόσθετα, το αγαπημένο μου είναι το Sketch Runner - σας δίνει πολλά περισσότερα από την απλή διαχείριση προσθηκών. Εάν το συνηθίσετε, δεν θα μπορείτε να φανταστείτε τη χρήση του Sketch χωρίς αυτό.
Πρόσθετα σκίτσων συνεργασίας
Αφού επιλέξετε τον διαχειριστή προσθηκών σας, ας ρίξουμε μια ματιά στις προσθήκες συνεργασίας Sketch που θα σας επιτρέψουν να διαχειριστείτε τα αρχεία σας, να συνεργαστείτε με τους φίλους σας, να συλλέξετε σχόλια και πολλά άλλα.
Μηδενικό ύψος
Κάντε λήψη της προσθήκης εδώ: https://zeroheight.com/
Το Zero Height είναι μια δωρεάν εξωτερική προσθήκη που σας επιτρέπει να δημιουργείτε βιβλιοθήκες πόρων και οδηγούς στυλ, να συνεργάζεστε με άλλους σχεδιαστές και να διατηρείτε τα πάντα συγχρονισμένα στο cloud.
Αλυσίδα
Κάντε λήψη της προσθήκης εδώ: https://lalomrtnz.github.io/Chain/
Η αλυσίδα είναι μια εξαιρετική προσθήκη όταν πρόκειται για αλλαγές χρώματος σε μεγάλα αρχεία. Αυτό το πρόσθετο Sketch δημιουργεί δυναμικές χρωματικές σχέσεις στο Sketch και σας δίνει τη δυνατότητα να αλλάζετε χρώματα παγκοσμίως.
Κάκτος
Κάντε λήψη της προσθήκης εδώ: https://kactus.io/
Το Kaktus είναι μια επέκταση ελέγχου έκδοσης σχεδιασμού. Διαχειριστείτε τα αρχεία σας και διατηρήστε τον συγχρονισμό σας με ολόκληρη την ομάδα.
Αφηρημένη
Κάντε λήψη της προσθήκης εδώ: https://www.goabstract.com/
Αυτό το πρόσθετο είναι ένα Git για σχεδιαστές. Σας επιτρέπει να διαχειριστείτε ολόκληρο το έργο και να συνεργαστείτε με άλλους σχεδιαστές. Σας δίνει τον έλεγχο της έκδοσης των αρχείων σας στο Sketch, είναι ενσωματωμένο στο Slack και σας επιτρέπει να συλλέγετε σχόλια από πελάτες που δεν χρησιμοποιούν το Sketch.
Craft από την InVision
Κατεβάστε τις προσθήκες εδώ: https://www.invisionapp.com/craft
Ως μια από τις πιο δημοφιλείς επεκτάσεις Sketch, το Craft σας προσφέρει ένα σύνολο διαφορετικών προσθηκών από μια γεννήτρια περιεχομένου έως έναν συλλέκτη σχολίων και εργαλεία πρωτοτύπων. Αντί να προσθέσετε περιεχόμενο lorem ipsum, μπορείτε να λάβετε πραγματικό περιεχόμενο από έναν ιστότοπο. Αντί να αναζητάτε ιστότοπους μετοχών για να προσθέτετε avatar χρήστη, μπορείτε να το κάνετε απευθείας από το Craft Αντί να δημιουργείτε τυχαίους αριθμούς τηλεφώνου, μπορείτε απλώς να τους δημιουργήσετε.
Αυτά είναι μερικά μόνο παραδείγματα για το πώς λειτουργεί το Craft. Αν θέλετε να μάθετε περισσότερα για το Craft, θα πρέπει σίγουρα διαβάστε αυτό το άρθρο του ApeeScape Designer Bree Chapin .
Πρόσθετα δημιουργίας περιεχομένου και αντικειμένων
Υλικό σκίτσων
Κάντε λήψη της προσθήκης εδώ: https://websiddu.github.io/sketch-material/
Αυτή η προσθήκη Sketch θα σας επιτρέψει να δημιουργήσετε οποιοδήποτε στοιχείο του συστήματος σχεδίασης υλικών Google.
Πλέγμα Bootstrap
Κάντε λήψη της προσθήκης εδώ: https://github.com/De-La-Vega/BootstrapGrid
Αυτή η προσθήκη Sketch δημιουργεί το δίκτυο Bootstrap σε αρχεία Sketch. Το μόνο που έχετε να κάνετε είναι να σχεδιάσετε ένα ορθογώνιο και το πρόσθετο θα δημιουργήσει το πλέγμα μέσα σε αυτό.
Ημερολόγιο 7 στηλών
Κάντε λήψη της προσθήκης εδώ: https://freedesignresources.net/7-columns-calendar-creator
Το Ημερολόγιο 7 στηλών θα δημιουργήσει οποιοδήποτε ημερολόγιο 7 στηλών. Αυτό είναι σίγουρα ένα από τα αγαπημένα μου πρόσθετα. Εξοικονομήστε πολύ χρόνο εάν θέλετε να σχεδιάσετε ένα ημερολόγιο.
Ροές χρήστη
Κάντε λήψη της προσθήκης εδώ: https://abynim.github.io/UserFlows/
Η δημιουργία διαγραμμάτων ροής χρήστη είναι πολύ εύκολο με το πρόσθετο User Flows Sketch.
Λούπερ
Κάντε λήψη της προσθήκης εδώ: http://sureskumar.com/looper/
Ένα από τα προσωπικά μου αγαπημένα, αυτό το πρόσθετο δημιουργεί εντυπωσιακές εικόνες διπλασιάζοντας σχήματα και ομάδες. Μπορείτε να το χρησιμοποιήσετε για να δημιουργήσετε πολλούς τύπους εικονογραφήσεων, όπως πανό, αφίσες, μοτίβα, αφηρημένα φόντα και άλλα. Μπορείτε να λάβετε περισσότερες πληροφορίες σχετικά με το Looper εδώ .
Κομφετί
Κάντε λήψη της προσθήκης εδώ: http://www.sketchconfetti.com/
Αυτό το πρόσθετο Sketch δημιουργεί κομφετί αντικειμένου και επιπέδου με ένα κλικ.
Εικονίδιο
Κάντε λήψη της προσθήκης εδώ: https://github.com/avadhbsd/IconFlower
αλλαγή μεταβλητής css με javascript
Αυτό θα τακτοποιήσει εικονίδια σε μοτίβο Φυλοταξίας για εσάς ανά πάσα στιγμή.
Φόροι
Κάντε λήψη της προσθήκης εδώ: https://github.com/joshdjuric/Skatter
Ένα άλλο εξαιρετικό πρόσθετο Sketch για τη δημιουργία τυχαίων μοτίβων. Απλώς δημιουργήστε μερικά απλά σχήματα και το Skatter θα τα μετατρέψει σε ένα όμορφο σχέδιο.
Μίξερ
Κάντε λήψη της προσθήκης εδώ: https://github.com/bunnieabc/Blender
Αυτή η νέα επέκταση Sketch συνδυάζει δύο σχήματα και δημιουργεί μια όμορφη κλίση μεταξύ τους.
Δημιουργία χαρτών
Κάντε λήψη της προσθήκης εδώ: https://github.com/eddiesigner/sketch-map-generator
Εάν έχετε κουραστεί να καταγράφετε χάρτες για τα σχέδιά σας, θα λατρέψετε αυτό το πρόσθετο. Σχεδιάστε ένα ορθογώνιο, γράψτε τη θέση του, αντιγράψτε το στυλ του Χάρτες snazzy και το Map Generator θα κάνει τα υπόλοιπα για εσάς.
Σχηματικά πόδια
Κάντε λήψη της προσθήκης εδώ: https://github.com/abynim/sketchy-pies
χακάρει τον αριθμό πιστωτικής κάρτας visa
Το Sketch δεν είναι το καλύτερο εργαλείο για τη δημιουργία γραφημάτων πίτας… αλλά εδώ έρχεται το Sketchy Pies. Αυτό το πρόσθετο Sketch θα δημιουργήσει γραφήματα πίτας ή πίτας για εσάς.
Τυχαίο μέγεθος
Κάντε λήψη της προσθήκης εδώ: https://github.com/longzheng/sketch-randomSize
Μια άλλη μεγάλη επέκταση Sketch για τη δημιουργία γραφικών. Μπορείτε να τυχαιοποιήσετε οποιαδήποτε διάσταση σχήματος με αυτό το πρόσθετο για να δημιουργήσετε γραφήματα ράβδων.
Εξαγωγές και προσθήκες ανάπτυξης
Με αυτά τα πρόσθετα, μπορείτε να δημοσιεύσετε κρυπτογραφημένα αρχεία HTML / CSS, ολόκληρους ιστότοπους ή ενημερωτικά δελτία χωρίς καμία ικανότητα κωδικοποίησης. Επίσης, μερικές από αυτές τις επεκτάσεις θα δημιουργήσουν αρχεία για ομάδες ανάπτυξης που δεν χρησιμοποιούν το Sketch.
Launchpad
Κάντε λήψη της προσθήκης εδώ: https://launchpad.animaapp.com/
Ένα εξαιρετικό πρόσθετο Sketch που σας επιτρέπει να δημοσιεύετε έτοιμους προς χρήση ιστότοπους χωρίς καμία γνώση κώδικα απευθείας στο Sketch.
Κρυψίνους
Κάντε λήψη της προσθήκης εδώ: https://launchpad.animaapp.com/
Την επόμενη φορά που ο πελάτης σας θα σας ζητήσει να εργαστείτε σε ένα πρότυπο email, κατεβάστε αυτό το πρόσθετο. Θα σας βοηθήσει να δημιουργήσετε εύκολα πρότυπα email με αποκριτικό κώδικα έτοιμο για HTML.
Συγχρονισμός με διαφάνειες
Κάντε λήψη της προσθήκης εδώ: https://websiddu.github.io/sync-to-slides/
Ένα εξαιρετικό πρόσθετο Sketch για όσους εργάζονται σε διαδικτυακές παρουσιάσεις. Συγχρονίστε πίνακες γραφικών από το Sketch στο Google Slides.
Μετρήστε
Κάντε λήψη της προσθήκης εδώ: http://utom.design/measure/
Το μέτρο είναι τέλειο όταν πρέπει να μεταβιβάσετε το αρχείο σχεδίασης σε μια ομάδα ανάπτυξης. Επισημαίνει όλες τις διαστάσεις και δημιουργεί ένα αρχείο HTML που περιέχει ολόκληρη τη σχεδίαση, έτσι ώστε προγραμματιστές χωρίς Sketch να μπορούν να το ανοίξουν εύκολα.
Marketch
Κάντε λήψη της προσθήκης εδώ: https://github.com/tudou527/marketch
Ένα άλλο χρήσιμο πρόσθετο όταν συνεργάζεστε με ομάδες ανάπτυξης. Δημιουργεί αρχεία HTML που περιέχουν διατάξεις και σας επιτρέπει να αντιγράψετε στυλ CSS από όλα τα επίπεδα σας.
Πρόσθετα διαχείρισης επιπέδου
Αυτά τα πρόσθετα είναι πραγματικά χρήσιμα όταν διαχειρίζεστε μεγάλα αρχεία σχεδίασης. Σας επιτρέπουν να καθαρίζετε, να μετονομάζετε, να διαγράφετε ή να αναζητάτε τα επίπεδα σκίτσων. Μπορείτε επίσης να χρησιμοποιήσετε emoji για διαχειριστείτε τα αρχεία σας .
Μετονομασία
Κάντε λήψη της προσθήκης εδώ: https://github.com/rodi01/RenameIt
Με αυτήν την προσθήκη Sketch, μπορείτε να μετονομάσετε πολλά επίπεδα ταυτόχρονα επιλέγοντάς τα και χρησιμοποιώντας μια μόνο συντόμευση.
Εκκαθάριση Άχρηστες Ομάδες
Κάντε λήψη της προσθήκης εδώ: https://github.com/bomberstudios/Cleanup-Useless-Groups
Όταν εργάζεστε γρήγορα, μπορείτε να καταλήξετε σε κενές ομάδες. Αυτή η προσθήκη Sketch θα λύσει τα προβλήματά σας αφαιρώντας όλες τις άχρηστες ομάδες (διπλότυπα ή κενά).
Επιλέξτε Familiar Layers
Κάντε λήψη της προσθήκης εδώ: https://github.com/wonderbit/sketch-select-similar-layers
Εάν είστε εξοικειωμένοι με τη λειτουργία 'Επιλογή παρόμοιων αντικειμένων' στο Adobe Illustrator και το χάσετε στο Sketch, θα λατρέψετε αυτό το πρόσθετο. Αυτή η προσθήκη σάς επιτρέπει να επιλέξετε επίπεδα με το ίδιο χρώμα πλήρωσης, χρώμα περιγράμματος, μέγεθος γραμματοσειράς, λειτουργία ανάμειξης κ.λπ.
Διαχειριστής Sketch Artboard
Κάντε λήψη της προσθήκης εδώ: https://github.com/bomberstudios/artboard-manager
Οι διαχειριστές Artboard τακτοποιούν πίνακες γραφικών σε σειρές και στήλες και οργανώνουν τη θέση τους.
Αναζήτηση σκίτσων παντού
Κάντε λήψη της προσθήκης εδώ: https://github.com/MrPeak/sketch-search-everywhere
Με αυτό το πρόσθετο Sketch, μπορείτε να βρείτε οποιοδήποτε επίπεδο πληκτρολογώντας το όνομά του.
Ταξινόμηση με
Κάντε λήψη της προσθήκης εδώ: https://github.com/romashamin/sort-me-sketch
Αυτή η μικρή προσθήκη Sketch θα ταξινομήσει τα επίπεδα ή τους πίνακες γραφικών σας με μια συντόμευση πληκτρολογίου.
Εναλλαγή επιπέδων
Κάντε λήψη της προσθήκης εδώ: https://github.com/joshwayne/jw-sketch-plugins
Ένα υπέροχο συμπλήρωμα που, σε συνδυασμό με Emoji στα ονόματα επιπέδων , σας επιτρέπει να αλλάξετε την ορατότητα του επιπέδου που παρέχεται με τα emoji ματιών).
Βοηθητικά προγράμματα
Αυτές οι προσθήκες Sketch επεκτείνουν κυρίως τις βασικές λειτουργίες Sketch ή τις καθιστούν πιο προσβάσιμες.
Μαγικός καθρέφτης 3
Κάντε λήψη της προσθήκης εδώ: http://magicsketch.io/mirror/
πώς να ξεκινήσετε το έργο angularjs
Εάν χάσετε το Perspective Transform του Photoshop, αυτό το πρόσθετο Sketch είναι απαραίτητο. Μπορείτε να μετατρέψετε οποιοδήποτε επίπεδο σκίτσου σε προοπτική χωρίς να το καταστρέψετε.
Ισχυρός
Κάντε λήψη της προσθήκης εδώ: http://www.getstark.co/
Ένα βασικό συμπλήρωμα εάν ενδιαφέρεστε για την προσβασιμότητα του έργου σας. Είναι ένας προσομοιωτής τυφλών χρωμάτων και ένας ελεγκτής αντίθεσης.
Εύχρηστα εργαλεία
Κάντε λήψη της προσθήκης εδώ: https://github.com/webpatch/Handy-Tools
Τα Handy Tools παρέχουν ένα σύνολο χαρακτηριστικών, όπως ευθυγράμμιση επιπέδων, εναλλαγή μεταξύ των επιπέδων ή ορατότητα.
Nudge Corner Radius
Κάντε λήψη της προσθήκης εδώ: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin
Αυτή η προσθήκη σας επιτρέπει να αλλάξετε την ακτίνα γωνίας από το πληκτρολόγιό σας.
Εισαγωγή συμβόλων
Κάντε λήψη της προσθήκης εδώ: https://github.com/kmerc/sketch-import-symbols
Εάν εργάζεστε σε πολλά αρχεία Sketch, ίσως θελήσετε να δείτε αυτήν την προσθήκη. Εισαγάγετε όλα τα σύμβολα από ένα αρχείο Sketch σε άλλο.
Μετακίνηση μισού pixel
Κάντε λήψη της προσθήκης εδώ: https://github.com/canisminor1990/sketch-move-half-pixel
Μερικές φορές θέλετε να μετακινήσετε ένα αντικείμενο στο Sketch κατά μισό εικονοστοιχείο, είναι ένα κομμάτι κέικ με αυτό το πρόσθετο.
Προσθήκες κειμένου
Κάντε λήψη της προσθήκης εδώ: https://github.com/joshwayne/jw-sketch-plugins
Με αυτές τις δύο προσθήκες, μπορείτε να συνδυάσετε πολλά επίπεδα κειμένου σε ένα πεδίο κειμένου ή να χωρίσετε ένα πεδίο κειμένου σε ξεχωριστά επίπεδα.
Ορεκτικό
Κάντε λήψη της προσθήκης εδώ: https://github.com/Carlosarturo28/Appalette
Το Appalette θα κατεβάσει μια παλέτα χρωμάτων από πολλές δημοφιλείς εφαρμογές όπως το Dropbox, το Facebook ή το Airbnb.
Ορθογραφικός έλεγχος όλων των επιπέδων
Κάντε λήψη της προσθήκης εδώ: https://github.com/Tallwave/sketch-spellcheck-all-layers
Ένα από τα αγαπημένα μου πρόσθετα Sketch. Θα ελέγξει ολόκληρο το αρχείο για τυπογραφικά λάθη.
Αυτόματη διάταξη
Κάντε λήψη της προσθήκης εδώ: https://animaapp.github.io/
Τέσσερις λέξεις που περιγράφουν αυτό το πρόσθετο: Responsive Design for Designers.
Υγρό
Κάντε λήψη της προσθήκης εδώ: https://github.com/matt-curtis/Fluid-for-Sketch
Ένα σύνθετο plugin που σας επιτρέπει να δημιουργήσετε αποκρίσεις artboard με βάση περιορισμούς.
Κομπο
Κάντε λήψη της προσθήκης εδώ: https://github.com/romashamin/compo-sketch
Με αυτό το πρόσθετο Sketch, μπορείτε να δημιουργήσετε δυναμικά στοιχεία άλλου επιπέδου.
FlipSize
Κάντε λήψη της προσθήκης εδώ: https://github.com/apertureless/sketch-flip-size
Ένα μικρό πρόσθετο Sketch που θα αλλάξει το πλάτος και το ύψος του αντικειμένου με μια συντόμευση.
Ποιο από τα παρακάτω δεν αποτελεί αρχή Gestalt της αντιληπτικής οργάνωσης;
Pixel Perfecter
Κάντε λήψη της προσθήκης εδώ: https://github.com/swiadek/pixel-perfecter-sketch-plugin
Με αυτό το απλό πρόσθετο Sketch, θα αποφύγετε τις διαστάσεις σπασμένων επιπέδων.
Εικονίδιο Stamper
Κάντε λήψη της προσθήκης εδώ: https://github.com/tylergaw/icon-stamper
Ένα πρόσθετο Sketch που θα δημιουργήσει διαφορετικά μεγέθη εικονιδίων για εσάς.
Κοινωνικές πίνακες τέχνης
Κάντε λήψη της προσθήκης εδώ: https://github.com/herrhelms/social-artboards-sketch
Εάν δημιουργήσετε πολλές εικόνες κοινωνικών μέσων, αυτό το πρόσθετο Sketch θα σας εξοικονομήσει πολύ χρόνο δημιουργώντας πίνακες διαφορετικών μεγεθών.
Βρίσκω και αντικαθιστώ
Κάντε λήψη της προσθήκης εδώ: https://github.com/thierryc/Sketch-Find-And-Replace
Με αυτό το πρόσθετο Sketch μπορείτε να βρείτε και να αντικαταστήσετε οποιοδήποτε κείμενο μέσα στο αρχείο σας.
