Τα τελευταία χρόνια, το Figma έχει αυξηθεί γρήγορα σε δημοτικότητα και δεν είναι περίεργο. Το δωρεάν λογισμικό που βασίζεται σε σύννεφο είναι εύκολα προσβάσιμο σε όλες τις συσκευές και δεν απαιτεί δόσεις ή λήψεις. Από το σχεδιασμό διεπαφών εφαρμογών για κινητά μέχρι την κατασκευή αναρτήσεων στα μέσα κοινωνικής δικτύωσης, με το Figma, μπορείτε να πειραματιστείτε με όλα τα είδη γραφιστικών χαρακτηριστικών και να επεκτείνετε τις δεξιότητές σας.
Για ακόμη μεγαλύτερη συνέπεια στα σχέδιά σας, ίσως θελήσετε να εξετάσετε το ενδεχόμενο χρήσης εξαρτημάτων στην εργασία σας. Τα στοιχεία είναι στοιχεία διεπαφής χρήστη (UI) που μπορούν να χρησιμοποιηθούν σε πολλά αρχεία στο Figma. Αυτά μπορεί συχνά να είναι μια ισχυρή προσθήκη στα σχέδιά σας και να βελτιώσουν τη συνολική ποιότητά τους.
Είτε είστε νέος στο Figma είτε το χρησιμοποιείτε για λίγο και δεν είστε σίγουροι πώς να χρησιμοποιήσετε επιτυχώς τα στοιχεία, είμαστε εδώ για να σας βοηθήσουμε.
Σε αυτό το άρθρο, θα διερευνήσουμε πώς να χρησιμοποιήσετε τα στοιχεία Figma και πώς αυτό μπορεί να σας βοηθήσει να βελτιώσετε την εργασία σας.
Εάν ενδιαφέρεστε να μάθετε περισσότερα, συνεχίστε να διαβάζετε.
Πώς να χρησιμοποιήσετε Components στο Figma
Η γνώση της χρήσης των εξαρτημάτων μπορεί να σας βοηθήσει με την οργάνωση και τη συνέπεια κατά τη λειτουργία του Figma. Αυτά τα στοιχεία διεπαφής χρήστη μπορούν να χρησιμοποιηθούν ξανά και ξανά σε διάφορα σχέδια σχεδίασης στα οποία ενδέχεται να εργάζεστε. Ένα στοιχείο μπορεί να δημιουργηθεί σε εικονίδιο, κουμπί και πολλά άλλα, ανάλογα με το έργο σας.
Το καλό με την εισαγωγή εξαρτημάτων στην εμπειρία σας στο Figma είναι ότι σας εξοικονομεί πολύ χρόνο. Οποιεσδήποτε αλλαγές ενδέχεται να κάνετε σε ένα στοιχείο ενημερώνονται αυτόματα για τα άλλα. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν έχετε ένα στενό χρονικό πλαίσιο ή συνεργάζεστε με άλλους σχεδιαστές και θέλετε να επιταχύνετε τη ροή εργασίας σας.
Ξεκινώντας, θα παρατηρήσετε ότι υπάρχουν δύο πλαϊνές γραμμές σε κάθε πλευρά του κύριου καμβά που χρησιμοποιείτε. Μπορείτε να χρησιμοποιήσετε εργαλεία από οποιαδήποτε από αυτές τις πλευρικές γραμμές για να κάνετε αλλαγές στο έργο σας.
Η πλαϊνή γραμμή στη δεξιά πλευρά σάς δίνει πρόσβαση σε οποιεσδήποτε ρυθμίσεις πρωτοτύπου και σας επιτρέπει να προσαρμόσετε ή να επεξεργαστείτε οποιεσδήποτε ιδιότητες των στοιχείων σας. Ωστόσο, η πλαϊνή γραμμή στα αριστερά σας παρουσιάζει τα επίπεδα, τα στοιχεία και τις σελίδες που χρησιμοποιούνται στο έργο σας. Αυτό αναφέρεται ως Πίνακας Επιπέδων.
Τα στοιχεία θα πρέπει να εισαχθούν στην εργασία σας αρκετά νωρίς. Σας βοηθούν να διατηρήσετε τη συνέπεια στα σχέδιά σας και σας επιτρέπουν να επιταχύνετε τον ρυθμό με τον οποίο κάνετε αλλαγές στα έργα σας. Υπάρχουν δύο βασικά στοιχεία ενός συστατικού:
- Το κύριο (ή το κύριο) στοιχείο (εικονίδιο τετραπλού διαμαντιού)
- Ένα στοιχείο παρουσίας (εικονίδιο με ένα διαμάντι)
Κύρια εξαρτήματα
Πριν από οτιδήποτε άλλο, πρέπει πρώτα να δημιουργήσετε το Master Component. Για να το κάνετε αυτό, ακολουθήστε τα παρακάτω βήματα:
- Κάντε δεξί κλικ στο επίπεδο, την ομάδα ή το πλαίσιο σας.
- Επιλέξτε Δημιουργία στοιχείου.
- Στην αριστερή πλευρά της οθόνης, θα δείτε ένα αναπτυσσόμενο μενού που λέει Στοιχείο. Κάντε κλικ σε αυτό.
- Από εδώ, θα παρατηρήσετε ένα μενού όπου μπορείτε να κάνετε αλλαγές στα στοιχεία σας και να επανασχεδιάζετε στυλ σε όλα τα έργα.
Ένας άλλος τρόπος δημιουργίας ενός κύριου στοιχείου είναι να χρησιμοποιήσετε τις συντομεύσεις:
- Επιλογές + Command + K για Mac
- Ctrl + Alt + K για Windows
Φυσικά, αυτή η μέθοδος λειτουργεί μόνο εάν χρησιμοποιείτε το Figma σε υπολογιστή.
Στιγμιαία εξαρτήματα
Ένα Instant Component είναι ένα αντίγραφο του Master Component σας. Όταν το Κύριο στοιχείο επεξεργάζεται με οποιονδήποτε τρόπο, το Στιγμιότυπο ενημερώνεται αυτόματα για να ταιριάζει με τυχόν αλλαγές που έγιναν. Εάν δημιουργείτε έναν ιστότοπο, αυτό το εργαλείο μπορεί να είναι ιδιαίτερα χρήσιμο και να σας εξοικονομήσει πολύ χρόνο. Για παράδειγμα, θα περνούσαν οι μέρες με τη μη αυτόματη εισαγωγή όλων των στοιχείων σας για να επαναλάβετε τις ίδιες επεξεργασίες. Αντίθετα, το Figma τα αλλάζει όλα για εσάς.
Μπορεί να έρθει το σημείο όπου έχετε δημιουργήσει πολλές περιπτώσεις και θέλετε να επιστρέψετε στο κύριο στοιχείο σας, ώστε να μπορείτε να κάνετε μια γρήγορη αλλαγή σε όλα τα στοιχεία σας. Για να αποκτήσετε πρόσβαση στο κύριο στοιχείο σας, κάντε τα εξής:
- Κάντε δεξί κλικ σε οποιαδήποτε Περίπτωση.
- Κάντε κλικ στο Μετάβαση στο κύριο στοιχείο.
- Το κύριο στοιχείο θα εμφανιστεί στην πλαϊνή γραμμή στην αριστερή πλευρά.
Ενώ η κατασκευή εξαρτημάτων ένα-ένα είναι σχετικά απλή. μπορείτε να επιταχύνετε τα πράγματα φτιάχνοντάς τα χύμα. Για να το κάνετε αυτό, ακολουθήστε τα εξής βήματα:
διαφωνήστε πώς να διαγράψετε μια συνομιλία
- Από τον Πίνακα Επιπέδων, επιλέξτε τα επίπεδα στα οποία θέλετε να δημιουργήσετε στοιχεία.
- Κάντε κλικ στο εικονίδιο με το βέλος που βλέπει προς τα κάτω που βρίσκεται δίπλα στο εικονίδιο Κύριο στοιχείο στον πίνακα επιπέδων.
- Επιλέξτε Create Multiple Components από τις διαθέσιμες επιλογές.
- Από εκεί, το Figma θα δημιουργήσει ένα στοιχείο για κάθε στρώμα πλαισίου.
Πρόσθετες συχνές ερωτήσεις
Πώς μπορώ να παρακάμψω ή να αποσυνδέσω μια παρουσία;
Μπορεί να υπάρχουν φορές που θέλετε να κάνετε αλλαγές στις ιδιότητες μιας συγκεκριμένης παρουσίας χωρίς να αλλάξετε όλες τις άλλες. Μπορείτε να κάνετε παραλλαγές διαφορετικών εξαρτημάτων. Στο Figma, αυτό αναφέρεται ως υπέρβαση.
Μόλις παρακάμψετε μια παρουσία, τυχόν αλλαγές που πραγματοποιήθηκαν στο κύριο στοιχείο δεν θα την επηρεάσουν. Για να το κάνετε αυτό, ελέγξτε τα παρακάτω βήματα:
1. Κάντε κλικ στο στοιχείο παρουσίασης.
2. Από τον πίνακα Ιδιότητες στη δεξιά πλευρά της οθόνης σας, επιλέξτε Στοιχείο.
3. Από το αναπτυσσόμενο μενού που εμφανίζεται, επιλέξτε Detach Instance.
Εάν θέλετε να διαγράψετε μια παράκαμψη, επιλέξτε το στοιχείο και, στη συνέχεια, επιλέξτε Reset Instance από την επάνω μεσαία γραμμή της οθόνης σας.
Τι κάνω εάν διαγράψω κατά λάθος το κύριο στοιχείο μου;
Όταν αφιερώνετε όλη την ημέρα στην επεξεργασία περιεχομένου, μερικές φορές μπορεί να γλιστρήσετε κατά λάθος και να διαγράψετε κάτι σημαντικό, όπως το κύριο στοιχείο σας. Μην φοβάστε, η επαναφορά του είναι τόσο εύκολη όσο το 1-2-3. Απλώς ακολουθήστε αυτά τα βασικά βήματα για να ανακτήσετε αυτό το κύριο στοιχείο που λείπει:
1. Μεταβείτε σε μία από τις Παρουσίες του στοιχείου.
2. Στον πίνακα Ιδιότητες στη δεξιά πλευρά της οθόνης, επιλέξτε Restore Master Component.
3. Το κύριο στοιχείο θα εμφανιστεί αμέσως.
Πώς μπορώ να προσθέσω μια περιγραφή για τα στοιχεία μου;
Κατά τη δημιουργία των στοιχείων σας, η προσθήκη μιας περιγραφής και ενός συνδέσμου τεκμηρίωσης σε καθένα μπορεί να σας βοηθήσει να πλοηγηθείτε καλύτερα στο έργο σας. Είναι επίσης βολικό για όλους τους συνεργάτες με τους οποίους μπορεί να συνεργάζεστε να έχουν πρόσβαση σε πρόσθετες σημειώσεις. Για να προσθέσετε μια περιγραφή, μεταβείτε στον πίνακα Ιδιότητες στη δεξιά πλευρά της σελίδας και επιλέξτε Προσθήκη περιγραφής.
Μόλις το κάνετε αυτό, όλοι οι εξωτερικοί θεατές μπορούν να έχουν πρόσβαση σε αυτές τις πληροφορίες μεταβαίνοντας στον Πίνακα Επιθεώρησης στη δεξιά πλαϊνή γραμμή.
Πώς μπορώ να εισάγω στοιχεία στο Figma;
Μπορείτε να εισαγάγετε όλα τα είδη αρχείων σε ένα στοιχείο Figma. Ο ευκολότερος τρόπος για να το κάνετε είναι από την επιφάνεια εργασίας σας. Απλώς ακολουθήστε αυτά τα βήματα:
1. Στο Figma, ανοίξτε τη σελίδα όπου θέλετε να εισαγάγετε ένα αρχείο.
2. Από τα αρχεία σας, επιλέξτε το συγκεκριμένο αρχείο που θέλετε να χρησιμοποιήσετε.
3. Σύρετε και αποθέστε το επιλεγμένο αρχείο στη σελίδα Figma.
4. Όταν το ολοκληρώσετε, κάντε κλικ στην επιλογή Τέλος.
Ο Δρόμος προς την Επιτυχία
Το Figma είναι ένα εξαιρετικό εργαλείο για χρήση είτε είστε νέοι στο σχεδιασμό είτε είστε στο παιχνίδι για χρόνια. Το λογισμικό προσφέρει ένα φιλικό προς τους αρχάριους σύστημα επεξεργασίας, όπου οι σχεδιαστές μπορούν να δημιουργήσουν περιεχόμενο από την αρχή ή να χρησιμοποιήσουν τη βοήθεια ενός προτύπου εάν χρειάζεται.
Η κατανόηση του τρόπου επιτυχούς χρήσης εξαρτημάτων στο Figma μπορεί να σας εξοικονομήσει πολύ χρόνο κατά τη διεξαγωγή ενός σχεδιαστικού έργου. Μαθαίνοντας πώς να δημιουργείτε ένα σύστημα εξαρτημάτων υψηλής ποιότητας, θα είστε σε θέση να εξελιχθείτε ως σχεδιαστής. Όχι μόνο αυτό, αλλά μπορεί επίσης να σας βοηθήσει να διατηρήσετε συνεπή ροή εργασιών σε όλη τη δημιουργική σας διαδρομή και να επιτρέψετε σε οποιονδήποτε μελλοντικό συνεργάτη να βρει εύκολα τη δουλειά σας.
Έχετε δοκιμάσει να χρησιμοποιήσετε το Figma για τα δημιουργικά σας έργα; Πώς βρήκατε τη χρήση εξαρτημάτων; Πείτε μας περισσότερα για την εμπειρία σας στην παρακάτω ενότητα σχολίων.
