Τα code layers και ο MCP server του Figma μετατρέπουν τα σχέδια σε παραδοτέο εργαλείο handoff

Τι έχει φέρει στην πράξη το Figma για τον κώδικα

Ο Kossnick διακρίνει τρία ξεχωριστά κομμάτια αντί για ένα ασαφές χαρακτηριστικό ΤΝ. Το Figma Make είναι ένα εργαλείο prompt-to-app που δημιουργεί, όπως το αποκαλεί, κώδικα παραγωγικού επιπέδου από κείμενο, εικόνες ή δομημένα frames. Το Dev Mode διαχειρίζεται το handoff με δομημένα δεδομένα όπως CSS και tokens. Ο Dev Mode MCP Server λειτουργεί πάνω από αυτά, επιτρέποντας στους προγραμματιστές να καλούν έναν coding agent που μετατρέπει τα σχέδια σε κώδικα έτοιμο για παραγωγή, με πλήρες context.

Το κοινό νήμα είναι ότι το αποτέλεσμα της ΤΝ παραμένει επεξεργάσιμο. Ο Kossnick περιγράφει έναν code composer και «code layers» που επιτρέπουν στους χρήστες να γράφουν και να δημοσιεύουν κώδικα με υποστήριξη ΤΝ, εγγενώς μέσα στο αρχείο. Αυτή είναι η καθοριστική διάκριση που κάνει σε σχέση με άλλα εργαλεία: τα agents σε πάνε αρκετά μακριά, αλλά πολλά προϊόντα κλειδώνουν την προσαρμογή μετά τη δημιουργία. Η πρόταση του Figma είναι ότι μπορείτε ακόμα να ανοίξετε το code layer και να το αλλάξετε.

Η διαρροή από το prototype στην παραγωγή

Η πιο σημαντική λεπτομέρεια σχεδόν χάνεται μέσα στη συζήτηση. Το Figma Make, σύμφωνα με τον ίδιο τον Kossnick, έχει σχεδιαστεί κυρίως για prototyping. Ωστόσο, λέει ότι οι σχεδιαστές μπορούν να περιγράψουν αλληλεπιδράσεις με τέτοια ακρίβεια στο prompt, ώστε οι μηχανικοί να αντιγράφουν τον κώδικα απευθείας.

Παρότι το Make έχει σχεδιαστεί κυρίως για prototyping, οι σχεδιαστές μπορούν συχνά να περιγράψουν αλληλεπιδράσεις στο prompt με τέτοια ακρίβεια ώστε οι μηχανικοί να αντιγράφουν τον κώδικα απευθείας—κάτι που το μετατρέπει σιγά σιγά σε παραδοτέο εργαλείο handoff για τη μηχανική.Montana Labs

Πρόκειται για μια σημαντική μετατόπιση στο πού βρίσκεται το όριο μεταξύ σχεδιασμού και μηχανικής. Ιστορικά, το παραδοτέο handoff ήταν μια προδιαγραφή: σχέδια, redlines, tokens που ένας μηχανικός υλοποιούσε εκ νέου. Αν ο κώδικας του prototype γίνει αυτό που τελικά κυκλοφορούν οι μηχανικοί, το ζήτημα του ποιος είναι υπεύθυνος για την ποιότητα του κώδικα, την προσβασιμότητα και τη συντηρησιμότητα μετακινείται ανάντη, σε ένα εργαλείο που σχεδιάστηκε για διερεύνηση. Ο Kossnick το παρουσιάζει ως επιτυχία· οι ομάδες frontend θα έπρεπε να το διαβάσουν ως μια απόφαση πολιτικής που πρέπει τώρα να λάβουν.

Το παιχνίδι της Workday και το ερώτημα των εσωτερικών εργαλείων

Το πιο συγκεκριμένο παράδειγμα της συνέντευξης είναι ένα μέλος της ομάδας HR, χωρίς υπόβαθρο σε προγραμματισμό ή σχεδιασμό, που βρήκε ένα API της Workday και, σε περίπου δύο ώρες με το Figma Make, έφτιαξε ένα παιχνίδι αντιστοίχισης ονομάτων και προσώπων που χρησιμοποιείται πλέον στο onboarding. Ο Kossnick είναι ξεκάθαρος ότι καμία ομάδα εσωτερικών εργαλείων δεν θα είχε δώσει προτεραιότητα σε αυτό.

Αυτό είναι το πραγματικό αφήγημα του προϊόντος: όχι ότι η ΤΝ γράφει καλύτερο κώδικα, αλλά ότι μειώνει τόσο πολύ το κόστος δοκιμής μιας ιδέας, ώστε ιδέες που ποτέ δεν θα περνούσαν το κατώφλι προτεραιοποίησης τελικά υλοποιούνται. Το αρχικό κόστος του prototyping ήταν το φίλτρο, και η κατάργησή του αλλάζει ποια εργαλεία υπάρχουν. Για τις οργανώσεις frontend, αυτό έχει διπλή όψη—πολλαπλασιάζονται τα χρήσιμα, «αναλώσιμα» εργαλεία, αλλά μαζί τους αυξάνεται και ο όγκος μη ελεγμένου, ημι-παραγωγικού λογισμικού που υπάρχει έξω από τη συνηθισμένη ροή μηχανικής.

Πώς εντάσσεται στην πραγματικότητα το OpenAI μέσα στο Figma

Αν αφαιρέσουμε το αφήγημα της συνέντευξης, η τεχνική σχέση είναι στενή και συγκεκριμένη. Το Figma χρησιμοποιεί APIs του OpenAI για να τροφοδοτήσει το FigJam AI και τη δημιουργία εικόνων στην πλατφόρμα του. Ξεχωριστά, το Figma ανέπτυξε εσωτερικά το ChatGPT Enterprise για το προσωπικό του. Οι επετειακές κάρτες του FigJam, όπου οι συνάδελφοι ανακατασκευάζουν avatars, χρησιμοποιούν την επεξεργασία εικόνας του OpenAI.

Αξίζει να ειπωθεί ξεκάθαρα, καθώς το άρθρο συγχέει την ενσωμάτωση προϊόντος με την εσωτερική κουλτούρα εταιρείας. Το Figma Make, το Dev Mode και ο MCP server είναι δικά, εγγενή εργαλεία ροής εργασίας του Figma· η εξάρτηση από το OpenAI εμφανίζεται στη δημιουργία εικόνων και στα χαρακτηριστικά κειμένου, όχι ως ο κινητήρας πίσω από τη δημιουργία κώδικα. Η συγκεκριμένη προέκταση: μια ομάδα frontend που αξιολογεί αυτό το σύνολο εργαλείων, στην πραγματικότητα αξιολογεί δύο ξεχωριστά στοιχήματα—το επεξεργάσιμο code layer του Figma ως μηχανισμό handoff, και τη δημιουργία εικόνας και κειμένου μέσω ενός API τρίτου μέρους—και δεν θα έπρεπε να υποθέσει ότι έχουν το ίδιο προφίλ αξιοπιστίας ή διακυβέρνησης.