Το Figma είναι ένα εργαλείο σχεδίασης παραγωγής ενέργειας και αποτελεί την πρώτη επιλογή των περισσότερων σχεδιαστών UX/UI ως πρόγραμμα σχεδίασης. Μπορείτε να δημιουργήσετε τόσα πολλά μέσα στο Figma και είναι ένα εύκολο πρόγραμμα για εκμάθηση.
Ως σχεδιαστές, συχνά επιδιώκουμε να εξοικονομήσουμε χρόνο, επομένως ξοδεύουμε τις πολύτιμες ώρες μας δημιουργώντας καλές δουλειές αντί να περιηγούμαστε σε μενού. Συγκεντρώσαμε μια λίστα με χρήσιμες συντομεύσεις Figma που θα βελτιστοποιήσουν τη ροή εργασίας σας.
Αυτή η απλή συντόμευση με ένα πλήκτρο είναι ένας γρήγορος τρόπος για να κλιμακώσετε τα στοιχεία σας. Χτύπα το κ και επιλέξτε το αντικείμενο που θέλετε να αλλάξετε το μέγεθος. Το μόνο που χρειάζεται να κάνετε είναι να κάνετε κλικ και να σύρετε ένα σημείο αγκύρωσης και το αντικείμενο σας παραμένει σε κλίμακα ενώ αλλάζετε το μέγεθος σε ό, τι θέλετε.
Το εργαλείο Frame είναι ένα εργαλείο που χρησιμοποιείται πολύ στο Figma κατά τη δημιουργία πολλαπλών πλακών πλαισίου για πρωτότυπα σχέδια. Να χτυπήσει φά στο πληκτρολόγιό σας εμφανίζεται το εργαλείο με ένα πάτημα, επιτρέποντάς σας να σχεδιάσετε ή να διαστασιολογήσετε γρήγορα το πλαίσιο σας.
Μπορείτε να σχεδιάσετε το πλαίσιο απευθείας κάνοντας κλικ και σύροντας τον κέρσορα σας ή αφού επιλεγεί το εργαλείο Πλαίσιο, μπορείτε να πληκτρολογήσετε τα μεγέθη που θέλετε στα πλαίσια διαστάσεων στο μενού πλαισίου στα δεξιά.
3. Εναλλαγή μεταξύ των τρόπων σχεδίασης και πρωτοτύπου
ο Βάρδια + μι Η συντόμευση σάς επιτρέπει να κάνετε εναλλαγή μεταξύ της λειτουργίας σχεδίασης και της λειτουργίας πρωτοτύπου. Η ίδια συντόμευση λειτουργεί ανεξάρτητα από τη λειτουργία από την οποία ξεκινάτε και μεταβαίνετε. Δείτε το δικό μας οδηγός για αρχάριους στο Figma για να μάθετε τις διαφορές μεταξύ αυτών των τρόπων λειτουργίας.
Εναλλακτικά, υπάρχουν πιο συγκεκριμένες συντομεύσεις για το σκοπό αυτό. Alt (Windows) / Επιλογή (Mac) + 8 μπορεί να χρησιμοποιηθεί για μετάβαση από τη λειτουργία Πρωτότυπου στη λειτουργία σχεδίασης, ενώ Alt (Windows) / Επιλογή (Mac) + 9 αλλάζει από τη λειτουργία σχεδίασης πίσω στη λειτουργία πρωτοτύπου. Προφανώς, Βάρδια + μι είναι πιο εύκολο, αλλά είναι ωραίο να υπάρχουν επιλογές.
4. Επιλέξτε το πιο εσωτερικό στοιχείο με ένα κλικ (Βαθιά επιλογή)
Όταν σχεδιάζετε σε πολλαπλά επίπεδα ή με ενσωματωμένες εικόνες, μπορεί να είναι δύσκολο να επιλέξετε ένα στοιχείο γρήγορα. Για να εξοικονομήσετε χρόνο κάνοντας κλικ σε αυτό που μοιάζει με δώδεκα φορές για να επιλέξετε το χαμηλότερο επίπεδο, χρησιμοποιήστε αυτήν τη συντόμευση.
Σε Mac, κρατήστε πατημένο Cmd + Κάντε κλικ το στοιχείο και στα Windows, Ctrl + Κάντε κλικ. Ένα απλό κλειδί εξοικονομεί λεπτά αμελούς κλικ για να επιλέξετε ένα στοιχείο κάτω επιπέδου.
5. Μετακινήστε ένα επίπεδο αφού επιλέξετε το πιο εσωτερικό στοιχείο
Μόλις καταφέρετε να επιλέξετε το πιο εσωτερικό στοιχείο του σχεδίου σας, ίσως συνειδητοποιήσετε ότι θέλετε να επιλέξετε ένα στοιχείο ένα επίπεδο πιο κοντά — εύκολα. Μόλις βρείτε το πιο εσωτερικό στοιχείο, πατήστε Βάρδια + Εισαγω για να μετακινηθείτε πίσω ένα επίπεδο. Μπορείτε να το κάνετε αυτό για όλα τα επίπεδα.
6. Σύμπτυξη όλων των επιπέδων
Όταν σχεδιάζετε στο Figma, το πάνελ επιπέδων σας θα αρχίσει να επεκτείνεται και ενδεχομένως να φαίνεται λίγο ακατάστατο, ειδικά όταν μετατροπή HTML σε σχέδιο Figma. Για να συμπτύξετε τα στρώματά σας, απλώς χτυπήστε Alt + μεγάλο (Windows) ή Επιλογή + μεγάλο (Μακ).
Εάν έχετε επιλέξει ένα στοιχείο κατά τη χρήση αυτής της συντόμευσης, το επίπεδο με αυτό το στοιχείο θα παραμείνει ανοιχτό. Επιλέξτε οπουδήποτε έξω από το artboard για να καταργήσετε την επιλογή όλων των στοιχείων και χρησιμοποιήστε τη συντόμευση για να συμπτύξετε όλα τα επίπεδα.
7. Εμφάνιση ή απόκρυψη πλέγματος διάταξης
Η χρήση πλεγμάτων διάταξης είναι ο καλύτερος τρόπος για να διασφαλίσετε ότι το σχέδιό σας έχει συγκεκριμένες αναλογίες και μπορεί να κλιμακωθεί σωστά για διάφορες συσκευές. Αν και είναι χρήσιμα, δεν θέλετε πάντα να εμφανίζονται τα πλέγματα.
Η ενεργοποίηση και απενεργοποίηση των πλεγμάτων διάταξης είναι διαφορετική σε Mac από ό, τι στα Windows. Σε Mac, χτυπήστε Ctrl + σολ για να το ενεργοποιήσετε ή να το απενεργοποιήσετε. Εάν χρησιμοποιείτε Windows, είναι μια συντόμευση τριών πλήκτρων. Ctrl + Βάρδια + 4. Είναι διαφορετικοί, αλλά κάνουν το ίδιο πράγμα.
8. Τοποθετήστε πολλές φωτογραφίες ταυτόχρονα
Εάν έχετε σχεδιάσει μια διάταξη με σχήματα κράτησης θέσης έτοιμα για τις εικόνες σας, μπορεί να είναι απογοητευτικό να εισάγετε τις εικόνες μία προς μία. Αυτή η συντόμευση σάς επιτρέπει να τοποθετήσετε πολλές φωτογραφίες και απλώς να επιλέξετε το σύμβολο κράτησης θέσης —ή οπουδήποτε στον πίνακα γραφικών σας— για να τοποθετήσετε κάθε μεμονωμένη φωτογραφία.
Για χρήστες Mac, πατήστε Cmd + Βάρδια + κ για να ανοίξετε το παράθυρο διαλόγου για να βρείτε τις εικόνες σας. Στα Windows, είναι Ctrl + Βάρδια + κ για να βρείτε και να τοποθετήσετε πολλές φωτογραφίες στο σχέδιο Figma. Αν εσύ δημιουργήστε ένα κύριο πρότυπο στο Figma, αυτή είναι μια εξαιρετική συντόμευση για χρήση.
9. Αντιγράψτε οποιαδήποτε εικόνα ως PNG
Όταν χρησιμοποιείτε εικόνες στο σχέδιο Figma, μπορεί να έχετε μια ποικιλία μορφών αρχείων, αλλά ίσως ο πελάτης σας να απαιτεί PNG. Μπορείτε να αντιγράψετε οποιαδήποτε εικόνα ως PNG, ανεξάρτητα από τη μορφή προέλευσής της.
Επιλέξτε την εικόνα που έχετε επιλέξει και πατήστε Cmd + Βάρδια + ντο σε Mac και Ctrl + Βάρδια + ντο στα Windows για να το αντιγράψετε ως PNG. Μπορείτε εύκολα να χρησιμοποιήσετε αυτήν τη συντόμευση για να εξασφαλίσετε μια μορφή εικόνας υψηλών προδιαγραφών, ειδικά αν είστε δημιουργία παρουσιάσεων με το Figma.
10. Σταγόνα ματιών ένα χρώμα από οπουδήποτε
Το να ρίξετε ένα χρώμα είναι ένα εύχρηστο χαρακτηριστικό όταν μεταφέρετε ένα χρώμα από το ένα μέρος του σχεδίου σας στο άλλο. Αυτή η γρήγορη συντόμευση πληκτρολογίου σάς επιτρέπει να τραβήξετε το σταγονόμετρο σε ένα δευτερόλεπτο και να δείτε ένα χρώμα από οπουδήποτε στο artboard σας.
Σε Mac, χτυπήστε Ctrl + ντο, και στα Windows είναι το πλήκτρο γράμματος Εγώ. Αφού πατήσετε τις συντομεύσεις πληκτρολογίου, μετακινήστε τον στόχο του σταγονόμετρου πάνω από το χρώμα που θέλετε να χρησιμοποιήσετε και κάντε κλικ μία φορά για να δείτε το χρώμα.
11. Ανοίξτε την καρτέλα Πόροι
Η καρτέλα Πόροι φιλοξενεί τα μενού Στοιχεία, Προσθήκες και Γραφικά στοιχεία. Αν και δεν υπάρχουν συντομεύσεις για το άνοιγμα αυτών των μενού μεμονωμένα, η συντόμευση Πόρων εξακολουθεί να εξοικονομεί χρόνο: Βάρδια + Εγώ. Μπορείς χρησιμοποιήστε πρόσθετα για να δημιουργήσετε και να προσθέσετε μακέτες στα σχέδιά σας στο Figma.
Εξοικονομήστε χρόνο με τις συντομεύσεις Figma
Οι σχεδιαστές χρησιμοποιούν συνήθως συντομεύσεις στην εργασία τους για να εξοικονομήσουν χρόνο και ενέργεια και η εργασία στο Figma δεν διαφέρει. Αυτές οι συντομεύσεις Figma χαράζουν μόνο την επιφάνεια των συντομεύσεων που μπορείτε να χρησιμοποιήσετε στο πρόγραμμα.
Αυτές οι συντομεύσεις δεν είναι προφανείς ή δεν βρίσκονται εύκολα, επομένως μεταφέρετε τις νέες σας γνώσεις στο Figma και απολαύστε τις πληροφορίες που πολλοί σχεδιαστές χρειάζονται μήνες ή χρόνια για να καταλάβουν.