Σχ. 2.0: Τώρα με το Prototyping και το Developer Handoff

Μεγάλα νέα στο σπίτι του Figma σήμερα - είμαστε ενθουσιασμένοι που τελικά αποκαλύψουμε το Figma 2.0. Πρόκειται για μια εκτεταμένη έκδοση του προϊόντος που αγαπάτε (ή τουλάχιστον σαν ένα πολύ, σωστό ;) με σημαντικά νέα χαρακτηριστικά: Πρωτότυπο και χρονομετρητή για προγραμματιστές.

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

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

Αν το Figma 1.0 επικεντρωνόταν στο να διευκολύνει τους σχεδιαστές να συνεργάζονται, το Figma 2.0 αφορά την ενδυνάμωση ολόκληρων ομάδων.

Ο αληθινός μας βορράς βοήθησε πάντα τους ανθρώπους να δημιουργήσουν ένα καλύτερο λογισμικό μαζί και το Figma 2.0 είναι το επόμενο κεφάλαιο.

Πρωτότυπα

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

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

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

Χαρακτηριστικά Fun Funk

Παρόλο που το πρωτότυπο του Figma δεν καλύπτει όλα τα σενάρια, λειτουργεί για τις ανάγκες πολλών χρηστών μας. Κατά τη διάρκεια της πρώτης έρευνας, σχεδόν όλοι οι σχεδιαστές που μιλήσαμε, ζήτησαν slideshows και λειτουργίες hot spot μέσω προηγμένων γραφικών κίνησης.

Στο Figma, το πρωτότυπο είναι ένα ζωντανό έγγραφο και όχι ένα νεκρό τεχνούργημα.

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

Μερικά μοναδικά χαρακτηριστικά:

  • Μπορείτε να τροποποιήσετε τα πλαίσια ή να προσθέσετε οθόνες σε πραγματικό χρόνο, ενώ άλλα παρακολουθούν. Βρίσκουμε ήδη αυτό το εξαιρετικά χρήσιμο σε κριτικές σχεδιασμού στο Figma.
  • Δεν χρειάζεστε ατέλειωτες εκδόσεις ... ή τις συμβάσεις τρελών ονομάτων που χρειάζονται άλλα εργαλεία για να παραγγείλετε τους πίνακες τέχνης σας (καλωσόρισμα artboard 1, artboard a1, artboard a1b, artboard a1bcdefgahhhhhfuckthis).
  • Το νέο fav μου: Μπορείτε να περιηγηθείτε σε παρουσιάσεις από το τηλέφωνό σας. Όλοι οι σχεδιαστές που ονειρεύονται να περπατήσουν στην αίθουσα συνεδριάσεων όπως εσείς δίνετε μια συζήτηση TED, αυτή είναι η στιγμή σας.
  • Μπορείτε να χρησιμοποιήσετε τα στοιχεία (σύμβολα) με καυτά σημεία, οπότε όταν ρυθμίσετε μια πλοήγηση από μια συνιστώσα μία φορά, θα γεμίσει σε όλες τις περιπτώσεις, όπως φαίνεται στο παρακάτω στοιχείο gif (το στοιχείο είναι το επάνω αριστερό κουμπί Χ):

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

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

Προώθηση προγραμματιστή

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

Το υψηλό επίπεδο

  • Οι προγραμματιστές μπορούν να επιλέξουν ένα αντικείμενο και να τοποθετήσουν το δείκτη του ποντικιού πάνω σε ένα άλλο αντικείμενο, για να δουν γραμμές redlines που μετρούν το διάστημα μεταξύ τους
  • Μπορούν να τραβήξουν δεδομένα CSS, iOS και Android με πρόσβαση μόνο για προβολή
  • Έχουμε κατακερματιστεί τα δεδομένα ως εξής:

(1) Πίνακας προβολής, η οποία εξαλείφει τα χαρακτηριστικά, ώστε να είναι ευκολότερη η αποτύπωση

(2) Δημιουργία σήμανσης / κώδικα

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

Το επόμενο κεφάλαιο

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

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

Εν τω μεταξύ, ενημερώστε μας τι σκέφτεστε για το Figma 2.0!