Figma: Σχεδιασμός, πρωτότυπο και συνεργασία σε όλη την επιχείρηση

Σχ

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

Το δύσκολο μέρος είναι ότι το κάνω από απλά κοροϊδεύω από μια ιδιόκτητη πλατφόρμα πρωτοτύπων. Ενώ είναι μια σταθερή πλατφόρμα για οπτικοποίηση και σχεδιασμό, δεν μεταφράζεται εύκολα σε HTML5 και CSS3. Προσθέστε όλες τις άλλες επαναλήψεις και οι μέρες μου γίνονται πολύ απογοητευτικές με την πρόοδο να είναι εξαιρετικά αργή.

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

Σχ

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

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

Το Figma έχει μερικά μοναδικά χαρακτηριστικά:

  • Boolean λειτουργίες - Με τέσσερις τύπους: ένωση, αφαίρεση, διασταύρωση και εξαίρεση, μπορείτε να συνδυάσετε οποιοδήποτε σύνολο επιπέδων σχήματος με ακρίβεια.
  • εξαρτήματα - Δημιουργήστε γρηγορότερα και πιο σταθερά με επαναχρησιμοποιήσιμα και επεκτάσιμα στοιχεία στα αρχεία σας. Αποκτήστε πρόσβαση σε επίπεδα σε κάθε παρουσία, ώστε να μπορείτε να επεξεργαστείτε και να παρακάμψετε διαισθητικά κείμενο και εικόνες εν σειρά.
  • Περιορισμοί - Κλιμακώστε το σχέδιό σας ώστε να ταιριάζει σε οποιοδήποτε μέγεθος οθόνης στερεώνοντας αντικείμενα σε ένα γονικό πλαίσιο, σπάζοντας το αντικείμενο σε ένα πλέγμα ή ακόμα και δημιουργώντας στοιχεία που κλιμακώνονται
  • Πλαίσια συσκευής - Παρουσιάστε τα σχέδιά σας στα σωστά περιβάλλοντα. Μπορείτε ακόμη να επιλέξετε ανάμεσα σε κατακόρυφη και οριζόντια λειτουργία.
  • Αλληλεπιδράσεις - Κάντε τα πρωτότυπα σας να ζωντανεύουν καθορίζοντας τις αλληλεπιδράσεις στο κλικ, ενώ αιωρείται, πατώντας και πολλά άλλα.
  • Επικαλύψεις - Με σχετική και χειροκίνητη τοποθέτηση έχετε πλήρη έλεγχο του πού και του τρόπου εμφάνισης των επικαλύψεων.
  • Pixel-τελειότητα - Η διαδραστική επεξεργασία 60fps σας προσφέρει εξαιρετικά ευκρινείς προεπισκοπήσεις και εξαγωγές τέλεια pixel.
  • Πρωτότυπα - Δημιουργήστε γρήγορα ροές συνδέοντας οθόνες και προσθέτοντας στοιχεία όπως αλληλεπιδράσεις, μεταβάσεις, επικαλύψεις και άλλα. Αντί να συγχρονίζετε με άλλα εργαλεία, απλώς μοιραστείτε μια διεύθυνση URL για να λάβετε σχόλια.
  • Κατανοητή Σχεδίαση - Τεντώστε τις διατάξεις σας και δείτε πώς θα ανταποκριθούν σε αλλαγές στο μέγεθος της οθόνης.

Αποκριτικό πρωτότυπο

  • κύλιση - Ενεργοποιήστε την οριζόντια, κατακόρυφη ή οποιαδήποτε κατεύθυνση κύλισης εντός μεμονωμένων σχημάτων ή ολόκληρου του γονικού πλαισίου.
  • Στυλ - Συγχρονίστε χρώματα, κείμενο, πλέγματα και εφέ σε όλα τα έργα σας. Διατηρήστε λιγότερα στυλ κειμένου και ευθυγραμμίστε τα σχέδιά σας σε διαφορετικές συσκευές με τα μοναδικά στυλ πλέγματος της Figma.
  • Ομαδικές βιβλιοθήκες - Μοιραστείτε στοιχεία και στυλ στο Figma - δεν χρειάζεται κοινή χρήση δίσκων ή πρόσθετων εργαλείων. Εσείς και η ομάδα σας ελέγχετε πώς και πότε ξεκινούν οι αλλαγές με απλές ροές εργασίας δημοσίευσης.
  • Διάνυσμα δίκτυα - Η Figma δημιούργησε το εργαλείο πένας για να είναι πιο διαισθητικό, επιτρέποντας άμεσο χειρισμό, διατηρώντας παράλληλα τη συμβατότητα προς τα πίσω με διαδρομές.

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

Ξεκινήστε με το Figma

Το Figma έχει μια μεγάλη ποικιλία από σεμινάρια που διατηρούν σε αυτά Κανάλι στο YouTube, εδώ είναι ένα βίντεο έναρξης:

Σχ δίνει στους προγραμματιστές τη δυνατότητα να επιθεωρούν, να αντιγράφουν, να εξάγουν στοιχεία και να αντιγράφουν CSS απευθείας από το αρχείο σχεδίασης. Μπορείτε επίσης να ενεργοποιήσετε τις υπάρχουσες ροές εργασίας σας με ενσωματώσεις, όπως αεροσκάφος, Κωδικός, JIRA, dropbox, ProtoPieκαι Αρχή για Mac. Έχουν επίσης ένα ισχυρό API.

Δοκιμάστε το Figma δωρεάν

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.