Ετήσιο έτος αναφοράς: 2018

Εικόνα που δημιουργήθηκε για το Figma από τον Peter Herbert Barnaba

Είναι ο Νοέμβριος, που σημαίνει ότι το Figma είναι ηλικίας 2 ετών. Στην ετήσια μας παράδοση, θέλαμε να αφιερώσουμε μια στιγμή για να αναλογιστούμε πού έρθει και πού κατευθυνόμαστε. Ξεκινήσαμε στο κοινό στα τέλη Σεπτεμβρίου το 2016, γι 'αυτό είναι τα επίσημα γενέθλιά μας .

Το 2018, η δουλειά μας δεν είναι πια για το Figma - πρόκειται για την κοινότητά μας. Από την έναρξη της πλατφόρμας μας για τη διοργάνωση συναντήσεων σε 17 χώρες, περάσαμε το παρελθόν έτος συνδέοντας με τον ευρύτερο κόσμο. Οι άνθρωποι χτίζουν τις δικές τους επιχειρήσεις πάνω από το API μας και οι μαζικοί οργανισμοί υιοθετούν το Figma μεταξύ των τμημάτων και των ομάδων. (Για ένα πρόσφατο παράδειγμα, ελέγξτε πώς η Microsoft χρησιμοποίησε την πλατφόρμα μας για να αυτοματοποιήσει τη μεταβίβαση προγραμματιστών.) Επίσης, αυξήσαμε τη σειρά B των 25 εκατομμυρίων δολαρίων στην αρχή του έτους, η οποία τροφοδότησε την επέκταση προϊόντων και επιχειρήσεων μας με μεγάλους τρόπους.

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

Πλατφόρμα

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

Έτσι, πήρα προσωπική ικανοποίηση για την έναρξη της πλατφόρμας μας, η οποία φάνηκε να αλλάζει τα μυαλά των νουαζέινερ. Παρουσιάσαμε το πρώτο web API για ένα εργαλείο σχεδίασης και προτού ξεκινήσει καν για τις δημόσιες επιχειρήσεις όπως το Uber και το GitHub το χρησιμοποίησαν για να προσαρμόσουν τις ροές εργασίας τους. Εξάρθρωσαν την ηλεκτρονική φύση της πλατφόρμας μας για να δημιουργήσουν δημιουργικές ενσωματώσεις που δεν θα ήταν εφικτές με το λογισμικό desktop που είναι εγχάρακτο.

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

Κοινότητα

  • PDF Εξαγωγέας
  • Γεννήτρια οδηγών στυλ
  • Βρείτε και αντικαταστήστε τα ονόματα κειμένου και επιπέδου
  • Βιβλιοθήκη για τη χρήση του API Figma στο Javascript

Επιχειρήσεις

  • Avocode & Zeplin: Δημιουργήστε σχέδια στους προγραμματιστές σας στις εφαρμογές που είναι συνηθισμένες να χρησιμοποιούν
  • Αρχή: Προσθέστε προηγμένες κινούμενες εικόνες για να φέρετε τα σχέδια Figma σας στη ζωή
  • Ρελέ για το Figma: Σπρώξτε τα σχέδια Figma κατευθείαν στον κωδικό σας, οπότε δεν χρειάζεται να εξάγετε χειροκίνητα τα αρχεία
  • Pagedraw: Μετατρέψτε τα σχέδια Figma σας σε React
  • Υπερχείλιση: Σχεδιάστε τα σχέδια του Figma για να δημιουργήσετε διαγράμματα ροής χρήστη
  • Haiku: Μετατρέψτε τα σχέδια Figma σε εξαρτήματα παραγωγής

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

Κοινότητα

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

Ξοδέψαμε πολύ χρόνο βοηθώντας τους χρήστες του Σχάματος να συνδεθούν μεταξύ τους, αρχικά φιλοξενώντας συναντήσεις με θέμα το σχεδιασμό σε 8 πόλεις σε όλο τον κόσμο. Από το Μπανγκαλόρ μέχρι το Τορόντο, οι τοπικοί σχεδιαστές συναντήθηκαν για να μιλήσουν μέσα από τις χάλκινες λεπτομέρειες του συστηματικού σχεδιασμού. Λίγους μήνες αργότερα, ξεκινήσαμε το DesignSystems.com, παρουσιάζοντας μαθήματα και ιστορίες από μέλη της κοινότητας στα Airbnb, GitHub, Braintree, Segment και άλλα.

Υπήρξε τόσο μεγάλο ενδιαφέρον σε αυτές τις πρώτες πρωτοβουλίες που αποφασίσαμε να διπλασιάσουμε τις συνδέσεις μεταξύ των ατόμων. Εισήγαμε τις τοπικές κοινότητες Figma σε όλο τον κόσμο, προσλαμβάνοντας 3 συνήγορους σχεδιαστές για να βοηθήσουν τους ευαγγελιστές να οργανώσουν συναντήσεις στις περιοχές τους. Πλοήσαμε το πρόγραμμα στην Αφρική, με 21 πρεσβευτές σε 11 πόλεις και 7 χώρες να ρίχνουν 25+ συναντήσεις με μια ομάδα online Slack πάνω από 2.000.

Τους τελευταίους μήνες, επεκτάσαμε σε νέα μέρη, βοηθώντας τους τοπικούς σχεδιαστές να φιλοξενήσουν εκδηλώσεις στο Βερολίνο, τη Μανίλα, το Λονδίνο, τη Νέα Υόρκη, τη Στοκχόλμη, το Σιάτλ, την Κοπεγχάγη και τις αμέτρητες άλλες πόλεις. Έχουμε χτυπήσει το όριο χωρητικότητας σε όλα αυτά, με 100-300 + άτομα RSVPing για καθένα. Ο σχεδιασμός του προϊόντος είναι σε ένα σημείο καμπής και οι σχεδιαστές είναι πεινασμένοι για τις ευκαιρίες της IRL να συνδεθούν.

Θέλετε να προγραμματίσετε μια συνάντηση στην πόλη σας; Φτάστε σε εμάς εδώ.

Τα φετινά νέα για τα προϊόντα

Αν και περάσαμε πολύ χρόνο το 2018 εστιάζοντας προς τα έξω, χρησιμοποιήσαμε όσα μάθαμε για να ενημερώσουμε τον εσωτερικό χάρτη πορείας μας. Επεξεργαστήκαμε, επεξεργαστήκαμε, τελειοποιήσαμε και τελειοποιήσαμε το εργαλείο, κάνοντας το Figma γρηγορότερο (περίπου 3 φορές!). Στείλαμε στυλ, μεγάλες εξελίξεις στο πρωτότυπο και πολλά άλλα.

Όπως πάντα, η κοινότητά μας διαδραμάτισε μεγάλο ρόλο στην καθοδήγηση και την εμπνευσμένη ανάπτυξη του προϊόντος μας, έτσι ώστε οι ιδέες σας να έρχονται!

Εκτέλεση

Όπως και η ποιότητα, η απόδοση είναι μια συνεχής εστίαση στο Figma. Είχαμε ένα ζευγάρι μεγάλων κερδίζει φέτος, αναδιοργανώνοντας τον επεξεργαστή εγγράφων μας και διορθώνοντας τα σφάλματα στο WebAssembly. Αυτά τα έργα συνέβαλαν στην φόρτωση της οθόνης, τη μεγέθυνση και τη μεταφορά μέχρι 3 φορές πιο γρήγορα σε πυκνά έγγραφα. Θα έχουμε περισσότερα νέα σχετικά με τις υψηλές επιδόσεις που θα έρθουν το 2019.

Φόρτωση οθόνης σε ένα πυκνό έγγραφο πριν και μετά από εργασίες εκτέλεσης

Πρωτότυπα

Έμαθα με το Figma 2.0 - την εκκίνηση του Developer Handoff και βασικού πρωτοτύπου - ότι οι άνθρωποι πραγματικά ήθελαν ένα εργαλείο all-in-one. Έτσι ξοδέψαμε το 2018 επεκτείνοντας αυτή τη λειτουργικότητα, ξεκινώντας με την εκτόξευσή μας 3.0 και τους επόμενους μήνες αργότερα με την Εβδομάδα Πρωτότυπων μας.

Συνολικά, παρουσιάσαμε:

  • Κορνίζες συσκευών
  • Σταθερά αντικείμενα
  • Σύνθετη κύλιση
  • Μεταβάσεις
  • Αλληλεπιδράσεις για τη συμπεριφορά των χρηστών όπως το ποντίκι ή το πάτημα του κουμπιού
  • Clickable URLs
  • Πίσω μεταβάσεις
  • Hotspots για κινητά πρωτότυπα

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

Σύνθετη κύλιση σε δράση

Στυλ

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

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

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

Διασκεδαστικό γεγονός - το 42% των ενεργών σχεδιαστών χρησιμοποιεί τώρα Στυλ κάθε εβδομάδα.

Πάρε τα μικρά πράγματα

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

Σελίδες

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

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

@mentions

Μπορεί να φανεί τρελό να φανταστεί κανείς έναν κόσμο όπου η Figma δεν είχε @mentions αλλά ... το παρουσιάσαμε λιγότερο από ένα χρόνο πριν! Καθώς το Figma γίνεται κόμβος για τη διαδικασία της ομάδας σχεδιασμού σας - καθώς και τα αρχεία της ομάδας σχεδιασμού σας - η λειτουργικότητα συνεργασίας όπως αυτή γίνεται ολοένα και πιο σημαντική.

Όνομα και σχολιασμός ιστορικού εκδόσεων

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

Σκάλες

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

Απορροφητικές εισόδους

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

Γεγονός διασκέδασης: Όταν βρίσκεστε στο Chrome, μπορείτε να τυλίξετε το δρομέα σας γύρω από τον καμβά για να καθαρίσετε ακόμα πιο γρήγορα.

Εβδομάδες ποιότητας

Όπως πάντα, πραγματοποιήσαμε τις δύο εβδομάδες ποιότητάς μας στο Figma, όπου οι ομάδες σχεδιασμού και μηχανικής σταματούν ό, τι κάνουν και λυγίζουν για να ξεδιπλώσουν τα σφάλματα και να αντιμετωπίσουν τα δύσκολα προβλήματα. Δίνουμε διασκεδαστικά εσωτερικά βραβεία σε εκείνους που συντρίβουν σφάλματα όπως "Τα περισσότερα WTF" και "Τα παλαιότερα". Αυτό είπε ότι είμαστε συνεχώς bug bughing στο Figma, έτσι κάθε εβδομάδα είναι μια εβδομάδα ποιότητας.

Μείωση της εξαγωγής SVG

Ναι, ξέρουμε ότι η εξαγωγή SVG χρησιμοποιήθηκε για την παραγωγή μυθιστορημάτων. Οι χρήστες μας κατέστησαν σαφές ότι χρειαζόμασταν μια απλούστερη προσέγγιση, οπότε μετατρέψαμε τις εξαγωγές SVG σε μια πιο συμπαγή έκδοση που μπορεί εύκολα να διαβαστεί από άλλα εργαλεία (όπως το Android Studio).

Συστήματα σχεδιασμού

Εκτός από τα Styles, φέτος παρουσιάσαμε και άλλα δύο χαρακτηριστικά για να βοηθήσουμε τους οργανισμούς να σχεδιάσουν συστήματα σχεδίασης - ένθετες ανταλλαγές στιγμιότυπων και προηγμένες άδειες έργων. Όπως γνωρίζουν πολλοί από εσάς, η ένθετη ανταλλαγή στιγμών είναι ζωτικής σημασίας για τον συστηματικό σχεδιασμό. Αν αντικαθιστώντας μια παρουσία που είναι ενσωματωμένη μέσα σε ένα στοιχείο με μια εναλλακτική περίπτωση, οι σχεδιαστές μπορούν να προσαρμόσουν τμήματα της δουλειάς τους. Για παράδειγμα, ένας σχεδιαστής μπορεί να χρησιμοποιήσει εναλλαγή στιγμιότυπων για να εμφανίσει διαφορετικές καταστάσεις ενός κουμπιού μετά από μια αλληλεπίδραση χρήστη (αιωρείται ενάντια στο κλικ) χωρίς να αποσπάται το στοιχείο του κουμπιού από το μεγαλύτερο σύστημα σχεδιασμού.

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

Επέκταση στήριξης

Βλέπουμε την υποστήριξη πελατών ως βασικό κομμάτι της εμπειρίας της Figma, οπότε αυξήσαμε την ομάδα υποστήριξής μας από 3 σε 7 φέτος και συνεχίζουμε να μεγαλώνουμε. Έχουμε πάνω από 11.500 συνομιλίες με τους χρήστες μας φέτος (που είναι μια επιβλητική αύξηση 38% από το 2017), έγραψε πάνω από δώδεκα νέα άρθρα βοήθειας, δημιούργησε πάνω από 20 νέα βίντεο φροντιστηρίων στο YouTube και μόλις μετεγκαταστάθηκε σε ένα νέο εργαλείο υποστήριξης βεβαιωθείτε ότι η εμπειρία του πελάτη είναι ακόμη καλύτερη για το 2019.

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

Οργάνωση Beta

Τέλος, το 2018 βάλαμε το θεμέλιο της οργάνωσής μας με λειτουργικότητα για τις επιχειρήσεις. Μιλάμε για σέξι πράγματα για την ασφάλεια, για λεπτή οδοντοφυΐα πάνω από τις δομές της ομάδας, για διευρυμένους διοικητικούς πίνακες ελέγχου και λειτουργικότητα για συστήματα σχεδιασμού σε όλο τον κόσμο! Έχουμε μια δέσμη επιχειρήσεων στην ιδιωτική βήτα μας τους τελευταίους 6 μήνες και είμαστε ενθουσιασμένοι που το ανοίξουμε αυτό σε όλους το 2019.

Στο επόμενο

Και αυτό το τυλίγει για το 2018 roundup! Οι χρήστες μας διαδραμάτισαν πάντα έναν τεράστιο ρόλο στη διαμόρφωση της Figma και μας άρεσε πολύ να συναντήσουμε τόσους πολλούς από εσάς προσωπικά φέτος.

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