Figma VS Σκίτσο

Το Figma είναι σαν το Sketch στο πρόγραμμα περιήγησης με συνεργασία σε πραγματικό χρόνο.

Με τον περιορισμένο χρόνο που είχα με αυτό, μπορώ ήδη να πω με σιγουριά ότι είναι πολύ πιο γυαλισμένο και έτοιμο για παραγωγή παρά στην πρώτη μου εμπειρία με το Adobe XD. Έχει επίσης τρία ανεκτίμητα χαρακτηριστικά που το ξεχώρισαν: συνεργασία σε πραγματικό χρόνο, δίκτυα διανυσματικών και ιστορικό εκδόσεων. Μπορεί να χειριστεί δεκάδες σχεδιαστές που εργάζονται στο ίδιο έγγραφο, ταυτόχρονα χωρίς να σπάσει έναν ιδρώτα. Τελευταίο αλλά εξίσου σημαντικό, αυτό το εργαλείο είναι πραγματικά γρήγορο, εύκολα χειρισμό 20 + Artboards σε ένα ενιαίο έγγραφο.

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

Browser VS Native

Ήμουν αρχικά σκεπτικός γιατί το Figma είναι ένα εργαλείο σχεδίασης διεπαφών χρήστη με βάση το πρόγραμμα περιήγησης, αλλά τώρα είμαι πεπεισμένος ότι υπάρχει μέλλον σε αυτόν τον τομέα. Όλα είναι εξαιρετικά ευαίσθητα, δουλεύουν όπως αναμενόταν και το λογισμικό είναι σχεδόν εξίσου ισχυρό με το εγγενές Sketch αντίστοιχο με τα χαρακτηριστικά όπως τα Symbols, Overrides και Plugins. Κάθε έγγραφο και έκδοση υπάρχουν στον εξυπηρετητή τους, καθιστώντας το έργο iterating αβίαστα και χωρίς προβλήματα. Μπορείτε να αποθηκεύσετε το έγγραφό σας ως αρχείο .fig για να το κάνετε λήψη. Έτσι, μπορείτε να μοιραστείτε τα αρχεία Figma με άλλους.

Από προεπιλογή, το Figma χρησιμοποιεί τις γραμματοσειρές Google (μια ελεύθερη βιβλιοθήκη με 800 γραμματοσειρές), αλλά μπορείτε επίσης να προσθέσετε τη δική σας, προσθέτοντας ένα πρόσθετο. Συμπεριέλαβαν ακόμη και το εξαιρετικά δημοφιλές FontAwesome. Νομίζω ότι αυτή είναι μια εξαιρετικά έξυπνη κίνηση, καθώς οι συνεργάτες δεν θα χρειαστεί να κατεβάσουν επιπλέον γραμματοσειρές όταν εισέρχονται.

Συνεργασία σε πραγματικό χρόνο

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

Μπορείτε γρήγορα να εργαστείτε μόνοι σας, στη συνέχεια, να προσκαλέσετε άλλους εάν είναι εγγραμμένοι ή δεν επεξεργάζονται ή προβάλλουν μόνο το σχέδιό σας σε εξέλιξη. Το πλεονέκτημα ενός εργαλείου που βασίζεται σε προγράμματα περιήγησης είναι ότι οι παραλήπτες δεν θα χρειαστεί να εγκαταστήσουν τίποτα καθόλου ή ακόμα και να έχουν στη διάθεσή τους ένα Mac για να συμμετάσχουν. Το Figma λειτουργεί σε Mac, Windows, Linux και σε φορητές συσκευές (βλέπε μόνο). Δεν μπορώ να υπερβάλλω το πώς αυτό θα αλλάξει εντελώς τη δυναμική της ομάδας και θα επιτρέψει πραγματική συνεργασία μεταξύ σχεδιαστές και προγραμματιστές. Ο καθένας μπορεί να έρθει και να ελέγξει όλες τις προδιαγραφές: γραμματοσειρές, χρώματα, μεγέθη, αποστάσεις κ.λπ. Οι προγραμματιστές μπορούν να επωφεληθούν από την επιθεώρηση των περιορισμών και τον τρόπο με τον οποίο προσαρμόζονται στις πολλαπλές οθόνες.

Ιστορικό εκδόσεων

Η εκδοχή είναι πολύ πιο οπτική στο Figma, επιτρέποντάς σας να συγκρίνετε γρήγορα τις εκδόσεις. Είναι πολύ πιο ευχάριστο να το χρησιμοποιήσετε από την έκδοση MacOS της Sketch, η οποία αισθάνεται αργή και πάνω από την κορυφή. Ενώ και οι δύο έχουν το Autosave και το ιστορικό εκδόσεων, η εκτέλεση τους είναι τελείως διαφορετική.

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

Σύστημα Σχολίων

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

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

Το Zeplin είναι επίσης βασισμένο σε προγράμματα περιήγησης, οπότε λειτουργεί για Mac / Windows.

Ένα άλλο πρόσθετο Sketch που αξίζει να σημειωθεί είναι το Craft από το InVision, το οποίο σας επιτρέπει να σχεδιάζετε με πραγματικά δεδομένα. Μπορείτε να δημιουργήσετε γρήγορα ονόματα και φωτογραφίες από προεπιλογές, ιστότοπους ή API.

Αν βάζετε το Sketch μαζί με το Craft, InVision και Zeplin, το πακέτο γίνεται ξαφνικά πιο ελκυστικό για σχόλια και πρωτότυπα.

Δίκτυα διάνυσμα

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

Δίκτυα διάνυσμα που εισήγαγε η Figma.

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

Εισαγωγή από το σκίτσο

Το Figma μπόρεσε να εισαγάγει τα αρχεία Sketch με ακρίβεια. Κάθε πίνακας Artboard, οι ομάδες και τα στρώματα παραμένουν άθικτα με τα ακριβή ονόματα, ομαδοποίηση και ιδιότητες, συμπεριλαμβανομένων πολλαπλών περιθωρίων, σκιών και επιδράσεων όπως οι λειτουργίες Blending και το Background Blur. Εξαιτίας αυτού, είμαι διατεθειμένος να πω ότι η χρήση του Figma ως επέκταση του Sketch ή το αντίστροφο δεν είναι μακριά. Μπορείτε να εισάγετε βασικά οποιαδήποτε υπάρχουσα εργασία, πηγή ή φορέα σκίτσων και να ξεκινήσετε από εκεί. Το γεγονός ότι δεν υποστηρίζουν αρχεία του Photoshop (ακόμα) μιλάει τόμους του επιπέδου συμβατότητας που έχει με το Sketch versus το Photoshop.

Παραδόξως, δεν μπορούσα να αντιγράψω και να επικολλήσω διανύσματα από το Sketch στο Figma, αλλά θα μπορούσα να μεταφέρω και να αφήσω ένα αρχείο SVG απευθείας σε ένα ανοιχτό έγγραφο.

Ήμουν ακόμη ικανός να εισάγω τους εξαιρετικά λεπτομερείς φορείς από την Angle και έκανα ένα αρκετά εντυπωσιακό αποτέλεσμα. Σίγουρα, οι κλίσεις και οι σκιές δεν είναι τόσο ωραίες (μερικές φορές ακόμη και λείπουν), αλλά όλα τα σχήματα ήταν εκεί. Αυτό είναι ένα μεγάλο πρόβλημα, επειδή μπορείτε να χρησιμοποιήσετε σχεδόν οποιοδήποτε κιτ σχεδίασης UI Sketch στο Figma.

Υπάρχει μια εφαρμογή Desktop-ish

Μπορείτε να κατεβάσετε την έκδοση επιφάνειας εργασίας, αλλά μην περιμένετε μια εγγενή εμπειρία. Είναι βασικά μόνο ένα περιτύλιγμα στο Web. Παρόλα αυτά, σε αντίθεση με την έκδοση του προγράμματος περιήγησης, οι συντομεύσεις πληκτρολογίου δεν θα επηρεάσουν το πρόγραμμα περιήγησης. Για παράδειγμα, το CMD + 1-9 μεταβαίνει στις καρτέλες του προγράμματος περιήγησης, αλλά στην εφαρμογή Desktop, αλλάζει μεταξύ εγγράφων. Μπορείτε επίσης να απαλλαγείτε από το επιπλέον πρόγραμμα Chrome Chrome.

Περιορισμοί

Η προσαρμοστική διάταξη είναι ένα απαραίτητο χαρακτηριστικό για τα σύγχρονα εργαλεία σχεδιασμού. Οι σχεδιαστές πρέπει να αντιμετωπίσουν μια αυξανόμενη ποσότητα αναλύσεων συσκευών. Θα ήταν ανόητο να μην είναι σε θέση να προσαρμόσει ένα σχέδιο από το iPhone 7 έως 7 Plus μόνο με την αλλαγή μεγέθους του Artboard.

Στο Figma, ρυθμίζετε τους περιορισμούς κρατώντας τα περιθώρια ή θέτοντας το στοιχείο στο κέντρο. Είναι ουσιαστικά σαν το Pin του Sketch στο γωνιακό και στο Resize object. Πρέπει να παραδεχτώ ότι η έκδοση του Figma είναι πιο οπτική και διαισθητική στη χρήση, ενώ το Sketch έχει περισσότερες επιλογές όπως το Float στη θέση του.

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

Εκτέλεση

Χειρισμός δεκάδων Artboards είναι ένα αεράκι στο Figma (αλλά ο ανεμιστήρας σας μπορεί να αρχίσει κλοτσιές όμως). Όσοι διαμαρτύρονται για την απόδοση του Sketch μπορεί να βρουν καλύτερη τύχη εδώ. Βλέποντας ότι είναι βασισμένο στο πρόγραμμα περιήγησης, το σημείο εισόδου είναι πολύ χαμηλότερο για σχεδόν οποιονδήποτε κατέχει επιφάνεια εργασίας, φορητό υπολογιστή ή κινητό τηλέφωνο. Στην πραγματικότητα, εκείνοι που πολύ καιρό ήθελαν να βγει το Sketch στα Windows έχουν τελικά την απάντησή τους.

Η διεπαφή χρήστη

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

Το σκίτσο είναι σαν το "iPhone" των εργαλείων σχεδιασμού, καθώς τα περισσότερα νέα εργαλεία θα αντιγράψουν τα πρότυπά του, θα προσθέσουν μερικές περιστροφές, αλλά χρόνια κάτω από τη γραμμή, θα ωριμάσουν αρκετά ώστε να είναι πραγματικά μοναδικά από μόνα τους. Στο τέλος, οι χρήστες κερδίζουν περισσότερο, καθώς λαμβάνουν περισσότερες επιλογές με τα υψηλότερα πρότυπα. Με άλλα λόγια, δεν είναι πλέον κολλημένοι με το Photoshop για σχεδιασμό UI, με τον ίδιο τρόπο που είχαν κολλήσει με χαζή smart phones με clunky πληκτρολόγια. Φυσικά, δεν εννοώ αυτό ως προσβολή του Figma ή της Adobe. Είναι έξυπνοι για να ανταποκρίνονται στις ανάγκες των μοντέρνων σχεδιαστών με τρόπο που να μην τους συγχέουν, κάνοντας τη μετάβασή τους όσο το δυνατόν πιο ομαλά. Για να είμαστε δίκαιοι, πολλά από αυτά τα πρότυπα προήλθαν από το Mac και το Adobe Illustrator και Fireworks (RIP).

Πρέπει να χρησιμοποιήσετε το Figma;

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

Και τα δύο εργαλεία μπορούν να ενισχυθούν μεταξύ τους, πράγμα που σημαίνει ότι μπορούν να ικανοποιήσουν διαφορετικές ανάγκες καθώς αλλάζετε μεταξύ Mac και Windows, iOS και Android, στο σπίτι και στο γραφείο. Θα ήθελα να επιλέξω το Figma για τη συνεργασία σε πραγματικό χρόνο, την υποστήριξη πολλαπλών πλατφορμών (Windows, Mac, Linux) και το Sketch για την ωριμότητα πλατφόρμας, την πραγματική εμπειρία και τις εξαιρετικές προσθήκες και τους πόρους του. Από την άποψη των χαρακτηριστικών γνωρισμάτων, νομίζω ότι και οι δύο θα καλύψουν τελικά το ένα το άλλο (Συνεργασία σε πραγματικό χρόνο, Δίκτυα διάνυσμα, Σχόλια σε σχέση με τα σύμβολα, Overrides, Plugins).

Το Figma είναι εντελώς δωρεάν μέχρι το τέλος του έτους, οπότε δοκιμάστε το.