Πώς να δημιουργήσετε και να προσθέσετε μακέτες στα σχέδια Figma χρησιμοποιώντας πρόσθετα

Εάν είστε σχεδιαστής που του αρέσει να προβάλλει τα σχέδιά σας χρησιμοποιώντας μακέτες, μπορεί να είναι εύκολο να τα δημιουργήσετε στο Figma.

Αντί να αποθηκεύσετε τα σχέδιά σας στο Figma και να μετακινηθείτε σε άλλο πρόγραμμα για να δημιουργήσετε ένα μακέτα, μπορείτε εύκολα να κάνετε λήψη προσθηκών μακέτας στο Figma. Υπάρχουν πολλές επιλογές προσθηκών σε διάφορα στυλ, αλλά είναι όλες απλές στη χρήση και ενσωματώνονται σε μεγαλύτερα σχέδια.

Πώς να βρείτε και να κατεβάσετε πρόσθετα Figma

Η λήψη και η εγκατάσταση μιας προσθήκης στο Figma είναι η ίδια είτε χρησιμοποιείτε την εφαρμογή είτε την έκδοση του προγράμματος περιήγησης. Από Η αρχική σελίδα του προγράμματος περιήγησης Figma, Κάντε κλικ Κοινότητα > Προσθήκες και γραφικά στοιχείακαι πραγματοποιήστε αναζήτηση στη λίστα ή χρησιμοποιήστε τη γραμμή αναζήτησης.

Από την εφαρμογή Figma, η αρχική σελίδα θα προσφέρει την ίδια επιλογή με το πρόγραμμα περιήγησης για να μεταβείτε στη σελίδα κοινότητας. Αλλά αν βρίσκεστε σε μια σελίδα σχεδίασης, μπορείτε να κάνετε κλικ στο λογότυπο Figma, στη συνέχεια

Πρόσθετα. Εάν έχετε ήδη εγκαταστήσει πρόσθετα, θα τα δείτε να αναφέρονται εδώ.

Για να βρείτε περισσότερα, επιλέξτε Αναζήτηση προσθηκών στην Κοινότητα. Αυτό θα σας μεταφέρει στη σελίδα κοινότητας εντός της εφαρμογής όπου μπορείτε να αναζητήσετε άλλες προσθήκες.

Στη σελίδα της κοινότητας, θα βρείτε μια μικρή ακίδα για κάθε προσθήκη, την ημερομηνία της τελευταίας ενημέρωσης και τη συχνότητα λήψης κάθε προσθήκης. Για περισσότερες πληροφορίες σχετικά με κάθε προσθήκη—όπως σχόλια από χρήστες και οδηγούς χρήσης—κάνοντας κλικ στο όνομά της θα μεταφερθείτε στη σελίδα πληροφοριών αυτής της προσθήκης.

Μόλις βρείτε μια προσθήκη που θέλετε να κατεβάσετε, κάντε κλικ στο μπλε Εγκαθιστώ κουμπί.

Εάν δεν είστε σίγουροι τι να αναζητήσετε, εδώ είναι τα πέντε αγαπημένα μας πρόσθετα μακέτα. Υπάρχουν πολλά άλλα, αλλά είναι καλό να ξεκινήσετε από κάπου.

• Πήλινες μακέτες 3D
• Μακέτες γωνίας
• MockRocket - 3D Mockups
• Μακέτα
• Vectary 3D στοιχεία

Πώς να χρησιμοποιήσετε Mockup Plugins στο Figma

Η διαδικασία εγκατάστασης προσθηκών είναι η ίδια ανεξάρτητα από τον τύπο της προσθήκης που χρησιμοποιείτε, αλλά μπορεί να υπάρχουν κάποιες διαφορές στον τρόπο χρήσης τους. Γι' αυτό είναι πάντα καλύτερο να διαβάζετε τη σελίδα κοινότητας της μεμονωμένης προσθήκης για επιπλέον λεπτομέρειες.

Στο Figma, μπορείτε να επιλέξετε έτοιμα μεγέθη πλαισίων για συγκεκριμένες οθόνες, όπως το iPhone 13 ή ένα μεγάλο ή μικρό Android. Θα πρέπει να δημιουργήσετε το σχέδιό σας για το προβλεπόμενο μέγεθος συσκευής αντί να προσπαθήσετε να αλλάξετε το μέγεθος των σχεδίων αργότερα για να ταιριάζουν με το mockup σας, αλλά ορισμένες μακέτες θα επιτρέπουν ελαφρώς διαφορετικά μεγέθη με αρ παραμόρφωση.

Θα μπορούσατε ακόμη και να χρησιμοποιήσετε ένα στιγμιότυπο οθόνης από τη συσκευή σας, το οποίο θα έχει τέλειο μέγεθος για μια μακέτα της ίδιας συσκευής.

Τα mockup είναι συνήθως για στατικά σχέδια οθόνης, αν και μπορείτε φτιάξτε μια μακέτα βίντεο στο Photoshop. Θα επικεντρωθούμε σε μακέτες Figma για φορητές συσκευές, αλλά μπορείτε δημιουργήστε ένα mockup από την αρχή στο Photoshop για άλλες συσκευές. Με την οριστικοποίηση της σχεδίασης της οθόνης σας, μπορείτε να προχωρήσετε στη δημιουργία του μοντέλου προϊόντος.

Θα σας δείξουμε πώς να χρησιμοποιείτε τρεις από τις προτεινόμενες προσθήκες μας: Clay Mockups 3D, Angle Mockups και Vectory 3D Elements. Ας πηδήξουμε αμέσως.

Πήλινες μακέτες 3D

Με το σχέδιό σας ανοιχτό, επιλέξτε το πλαίσιο και μετά μεταβείτε στο Πρόσθετα και επιλέξτε Πήλινες μακέτες 3D. Αυτό ανοίγει ένα παράθυρο όπου μπορείτε να επιλέξετε τη συσκευή για το mockup. Το σχέδιό σας θα πρέπει να εμφανίζεται στην οθόνη του mockup σε αυτό το παράθυρο.

Μπορείτε να αλλάξετε τη γωνία της μακέτας καθώς και το χρώμα σε αυτό το παράθυρο. Μόλις είστε ευχαριστημένοι με την εμφάνισή του, κάντε κλικ Αποθήκευση ως εικόνα.

Μπορείτε να επιστρέψετε και να αλλάξετε το χρώμα ή άλλες πτυχές ανά πάσα στιγμή κάνοντας κλικ Επεξεργασία Mockup υπό Συνδέω στο δεξί μενού. Τώρα μπορείτε να προσθέσετε την προσθήκη σας σε μεγαλύτερα σχέδια όπως παρουσιάσεις ή το χαρτοφυλάκιό σας.

Μακέτες γωνίας

Για να χρησιμοποιήσετε τα Angle Mockups, πρέπει να δημιουργήσετε έναν λογαριασμό Angle για να κάνετε λήψη της βιβλιοθήκης mockup από τον ιστότοπό τους. Επί Ο ιστότοπος του Angle, Κάντε κλικ Συνδεθείτε, το οποίο θα εμφανίσει ένα αναδυόμενο παράθυρο όπου μπορείτε να κάνετε κλικ Εγγραφείτε και προσθέστε τα στοιχεία σας για να δημιουργήσετε έναν δωρεάν λογαριασμό.

Μόλις συνδεθείτε, για να κατεβάσετε τα μακέτα, κάντε κλικ Μακέτες > Λήψη δείγματος. Για ένα πιο ολοκληρωμένο σετ μακέτες, μπορείτε να πληρώσετε για premium πρόσβαση, αλλά το δείγμα που προσφέρεται με τον δωρεάν λογαριασμό είναι αρκετά καλό.

Μετά τη λήψη, αποσυμπιέστε το αρχείο. Αυτό περιέχει δείγματα που μπορείτε να χρησιμοποιήσετε στο Figma, το Sketch και το Adobe XD, καθώς και μερικές δωρεάν ταπετσαρίες. Ανοιξε ΓωνίαFigma. Θα βρείτε δύο βίντεο που θα σας βοηθήσουν να χρησιμοποιήσετε τα μακέτα, καθώς και τέσσερα σετ αρχείων Figma με διάφορα μακέτα.

Για να εισαγάγετε τα αρχεία στον λογαριασμό σας Figma, μεταβείτε στο πρόγραμμα περιήγησης Figma και κάντε κλικ στο προφίλ σας. Μπορείτε να αποκτήσετε πρόσβαση σε αυτό από την εφαρμογή μεταβαίνοντας στο Αρχείο > Άνοιγμα προγράμματος περιήγησης αρχείων. Σύρετε και αποθέστε κάθε αρχείο Angle στο Figma. Στη συνέχεια, ανοίξτε το αρχείο Angle κάνοντας διπλό κλικ πάνω του από τη σελίδα του προγράμματος περιήγησης Figma.

Βρείτε τη γωνία της συσκευής που θέλετε να χρησιμοποιήσετε για το mockup σας και αντιγράψτε την (ντοmd + ντο για Mac ή ντοtrl + ντο για Windows). Επικολλήστε το (ντοmd + V για Mac ή ντοtrl + V για Windows) στον ίδιο πίνακα με το κύριο σχέδιο σας.

Στην παλέτα επιπέδων, αναπτύξτε τα επίπεδα της οθόνης μακέτα μέχρι να δείτε το επίπεδο με ένα εικονίδιο εικόνας με τίτλο Τοποθετήστε το Artboard εδώ. Επιλέξτε αυτό το επίπεδο. Μετά πηγαίνετε στο Plugins > Angle Mockups και επιλέξτε το αρχικό σας σχέδιο στο αναδυόμενο παράθυρο.

Αυτό θα πρέπει να εμφανίζεται στο παράθυρο προεπισκόπησης στη γωνία της μακέτας σας, αλλά δεν θα εμφανίζει τη συσκευή της μακέτας. Κάντε κλικ Ισχύουν και η οθόνη σας θα πρέπει τώρα να βρίσκεται στο mockup της συσκευής στη σωστή γωνία.

Vectary 3D στοιχεία

Το Vectary 3D λειτουργεί παρόμοια με το Clay Mockups 3D, αν και έχει λιγότερες επιλογές για μακέτες συσκευών, καθώς προσφέρει επίσης μια ποικιλία από στοιχεία 3D. Ανοίξτε το σχέδιό σας, επιλέξτε το πλαίσιο και μεταβείτε στο Πρόσθετα > Vectary 3D Elements.

Βρείτε το mockup που θέλετε να χρησιμοποιήσετε στην αναδυόμενη βιβλιοθήκη και, στη συνέχεια, κάντε κλικ Φόρτωση πλαισίου. Μόλις εμφανιστεί το σχέδιό σας στην οθόνη της συσκευής, κάντε κλικ Εξαγωγή εικόνας.

Τώρα έχετε ένα 3D mockup του σχεδίου σας στη συσκευή που θα επιλέξετε. Μπορείτε να το προσθέσετε εύκολα σε άλλο σχέδιο.

Μόλις ολοκληρωθεί το mockup σας, μπορείτε να το αποθηκεύσετε ως αρχείο PNG για να το χρησιμοποιήσετε εύκολα σε άλλο σχέδιο. Κάντε κλικ Αρχείο > Εξαγωγή. Επιλέξτε την επιλεγμένη εικόνα για εξαγωγή και, στη συνέχεια, κάντε κλικ Εξαγωγή για το τελικό σας PNG.

Προσθέστε ρεαλισμό στα σχέδιά σας με τα μακέτα Figma

Υπάρχουν αμέτρητες χρήσεις για τη δημιουργία mockup για τα σχέδιά σας. Με διάφορα πρόσθετα Figma, μπορείτε να βρείτε μια μεγάλη ποικιλία στυλ για να εργαστείτε με τα οποία μπορείτε να προσθέσετε στις παρουσιάσεις, στο χαρτοφυλάκιό σας ή να δημιουργήσετε απλώς για διασκέδαση για να αναδείξετε τη σχεδιαστική σας δουλειά.

Με μερικές διαφορές στην εφαρμογή, τα πρόσθετα mockup Figma είναι εύκολα προσβάσιμα και στη χρήση, οπότε γιατί να μην το δοκιμάσετε;

Πώς να δημιουργήσετε κύρια πρότυπα για παρουσιάσεις στο Figma

Διαβάστε Επόμενο