Πώς το Webflow πήρε το 89% των μηχανικών της να χρησιμοποιούν AI καθημερινά

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

Έτσι με ενθουσιάστηκα όταν με προσεγγίσαμε Ιστοσελίδαμια από τις μεγαλύτερες πλατφόρμες οικοδόμων ιστότοπων, για να μιλήσουμε για το πώς έχει ενσωματώσει πλήρως το AI στο δικό του τμήμα μηχανικών. Μίλησα με το Webflow CTO Allan Canvas Σχετικά με τη φιλοσοφία “all-in” της εταιρείας για την ανάπτυξη του AI.

Το Webflow διαθέτει περίπου 300 μηχανικούς υπαλλήλους και σε Μια πρόσφατη ανάρτηση ιστολογίουΟ Leinwand εξήγησε ότι “έχουμε κάνει μια δέσμευση σε ολόκληρη την εταιρεία να φέρει την AI στην καθημερινή ροή εργασίας κάθε μηχανικού”. Η Webflow παρέχει σε κάθε μηχανικό της “A Complete AI Toolkit”, το οποίο περιλαμβάνει άδεια CHATGPT Enterprise, πρόσβαση στον κώδικα δρομέα και Augment, AI ροές εργασίας στο GitHub και πολλά άλλα.

Τα εργαλεία κωδικοποίησης στο εργαλείο AI επιλέχθηκαν με βάση ποιοι μηχανικοί της Webflow χρησιμοποίησαν περισσότερο. Υπάρχει ευελιξία μέσα σε αυτό, αλλά τι γίνεται όταν οι μικρές ομάδες εργάζονται σε ένα μόνο έργο – η Webflow προτιμά κάθε μέλος της ομάδας να χρησιμοποιεί το ίδιο εργαλείο κωδικοποίησης AI;

“Δεν νομίζω ότι έχει σημασία πολύ”, απάντησε ο Leinwand. “Από την άποψή μας, δεν βλέπουμε πραγματικά το AI ως κάτι που πρέπει να είναι συντακτικό, θέλουμε να αφήσουμε τους προγραμματιστές να βρουν τα εργαλεία που λειτουργούν καλύτερα γι ‘αυτούς, και ξέρετε, για μένα, η παραγωγή είναι πραγματικά σημασία;

Χρήση AI σε όλο τον κύκλο του λογισμικού Dev

Από την πλευρά του DevOps, καθώς και το JIRA, το Webflow χρησιμοποιεί το GitHub – αν και όχι το copilot.

“Δεν χρησιμοποιούμε το Github Copilot στην πλευρά του AI”, δήλωσε ο Leinwand, “αλλά χρησιμοποιούμε πολλά από τα άλλα (AI) που είναι ενσωματωμένα στο εσωτερικό του Github”.

Στη θέση του στο blog του, ο Leinwand εξήγησε ότι χρησιμοποιούν “ένα εργαλείο Linting PR (αίτημα PR (Pull Request) που μπορούν να ενεργοποιηθούν με την επισήμανση ενός PR με AI-Linter στο GitHub”. (Το Linting είναι όταν εκτελείτε ένα πρόγραμμα για να αναλύσετε τον κώδικα για πιθανά σφάλματα.)

“Αυτό που κάνει,” εξήγησε, “είναι βασικά τρέχει ένα webhook που λέει στον Claude κώδικα να πάει μέσα και να διαβάσει πραγματικά το PR, να διαβάσει τον κώδικα αλλάζει και να κάνει μια περιγραφή PR και να το βάλει δεξιά στο PR – έτσι είναι πολύ δροσερό”.

Ο Leinwand πρόσθεσε ότι ξοδεύουν πολύ χρόνο για να σκεφτούμε πώς να πάρουμε τη ροή εργασίας του προγραμματιστή (από την κωδικοποίηση έως την ανάπτυξη) και “να βεβαιωθούμε ότι μπορούμε να χρησιμοποιήσουμε το AI σε ολόκληρο τον κύκλο όσο καλύτερα μπορούμε”.

“Αυτή η υποδομή δοκιμών, μέσω της διαδικασίας CI/CD, αυξάνεται πολύ με το AI.”
– Allan Leinwand, Webflow CTO

Τούτου λεχθέντος, σημείωσε ότι τα τμήματα κατασκευής και ανάπτυξης του κύκλου δεν χρησιμοποιούν πολύ AI. Η εταιρεία χρησιμοποιεί το BuildKite ως εργαλείο κατασκευής της και αναπτύσσονται στο AWS.

“Έτσι, βασικά αναπτύσσουμε με δοχεία Docker πάνω από το Kubernetes”, πρόσθεσε. “Δεν είναι πολύ AI εκεί μέσα, είναι περισσότερο σαν αυτοματοποίηση που παίρνει το δοχείο και στη συνέχεια το αναπτύσσει σε όλη την παγκόσμια υποδομή μας”.

Για τη δοκιμή λογισμικού, από την άλλη πλευρά, το Webflow χρησιμοποιεί εκτενώς το AI.

“Οι μηχανικοί μπορούν να επικυρώσουν γρήγορα τις υποθέσεις (με AI)”, δήλωσε ο Leinwand, “μπορούν να γράψουν δοκιμές μονάδων, μπορούν να γράψουν λειτουργικές δοκιμές, μπορούν να δημιουργήσουν δοκιμές από άκρο σε άκρο και καπνό.

Άνθρωποι στο βρόχο

Στη θέση του στο blog του, ο Leinwand έγραψε ότι παρόλο που το AI είναι όλο και περισσότερο μέρος της αναπτυξιακής τους διαδικασίας, “συνεχίζουν να βασίζονται στην ανθρώπινη κρίση όπου έχει σημασία”. Αναφέρθηκε στις αναθεωρήσεις κώδικα ως συγκεκριμένο παράδειγμα: “Κάθε αλλαγή, είτε γράφτηκε από έναν άνθρωπο είτε δημιουργείται από τον AI, εξετάζεται από έναν μηχανικό”. Τον ζήτησα να επεξεργαστεί πώς το κάνει αυτό το webflow.

“Ναι, έχουμε αυξήσει ότι (διαδικασία) από τότε που έγραψα αυτή τη θέση”, απάντησε. “Έχουμε πραγματικά ένα εργαλείο αυτή τη στιγμή που περνάει και εξετάζει κάθε PR που μπαίνει, προσπαθώντας να συγχωνευθεί στο κύριο (υποκατάστημα), και το αξιολογούμε για τον κίνδυνο: χαμηλό, μεσαίο και υψηλό”.

“… Έχουμε ανθρώπους στο βρόχο για να καθορίσουμε πόσα άτομα πρέπει να αναθεωρήσουν τον κώδικα προτού προωθηθεί.”
– καμβάς

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

“Και με βάση αυτό το χαμηλό, μεσαίο, υψηλό (κίνδυνος), έχουμε ανθρώπους στο βρόχο για να καθορίσουμε πόσα άτομα πρέπει να αναθεωρήσουν τον κώδικα προτού να ωθηθεί στο Prod”, εξήγησε.

Ενώ οι ανθρώπινοι μηχανικοί εξακολουθούν να είναι πολύ βασικοί στο τμήμα πληροφορικής της Webflow, η εταιρεία χρησιμοποιεί πράκτορες AI. Ο Leinwand σημείωσε ότι έχει επιτρέψει στους πράκτορες τόσο σε δρομέα όσο και σε κώδικα Augment. Αλλά είναι προσεκτικός για να προσθέσει ότι είναι πολύ συγκεκριμένο έργο που οι πράκτορες αυτοί έχουν την εντολή. Μίλησε για να έχει “μια σειρά από απομακρυσμένους πράκτορες κοιτάζουν μια συγκεκριμένη σειρά κώδικα και να βγουν μακριά και να κάνουν τη δική τους δουλειά”.

“Δεν έχουμε αρκετά τα σμήνη των παραγόντων που αρχίζετε να ακούσετε ακόμα στον κλάδο”, συνέχισε, “αλλά σίγουρα έχουμε τη δυνατότητα να πάρουμε ένα κομμάτι κώδικα, να το βάλουμε στον κώδικα Augment και να πούμε: πηγαίνετε να εργάζεστε σε αυτό το συγκεκριμένο ζήτημα και να επιστρέψετε (…) και να μου πείτε το τελικό αποτέλεσμα”.

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

Χρήση MCP στο Webflow

Εκτός από τους πράκτορες, το πρωτόκολλο μοντέλου περιβάλλοντος (MCP) είναι ίσως το πιο καυτό θέμα στο AI αυτή τη στιγμή. Η Webflow χρησιμοποιεί MCP τόσο εσωτερικά όσο και ως μέρος της προσφοράς πελατών της.

“Το Webflow ως προϊόν προσφέρει έναν διακομιστή MCP, σε συνεργασία με το CloudFlare. Έτσι, οι Hosts CloudFlare και τα πιστοποιούν τον διακομιστή MCP μας και αυτό επιτρέπει στους πελάτες μας να μιλούν στους ιστότοπούς τους, να μιλούν με το CMS τους, να μιλούν με τα συστήματα σχεδιασμού τους, χρησιμοποιώντας ένα LLM”.

Εσωτερικά, οι μηχανικοί Webflow χρησιμοποιούν MCP για να μιλήσουν με προϊόντα όπως η JIRA και η GitHub (μέσω των διακομιστών MCP που προσφέρουν τα προϊόντα αυτά).

Το MCP είναι “η ραφή για τις ροές εργασίας στο εσωτερικό της μηχανικής”.
– καμβάς

“Αν είμαι σε δρομέα και είμαι σε κώδικα Augment, χρησιμοποιώ MCP για να μιλήσω με τη JIRA, χρησιμοποιώ MCP για να μιλήσω με το Github, χρησιμοποιώ MCP για να μιλήσω σε διάφορα μέρη της βάσης κώδικα μας”.

Ο Leinwand περιγράφει τη χρήση του MCP εσωτερικά ως σαν “η ραφή για τις ροές εργασίας στο εσωτερικό της μηχανικής”.

Έχετε αντίσταση

Φαίνεται ότι το Τμήμα Μηχανικών της Webflow παίρνει μεγάλη αξία από το AI-αλλά όλοι γνωρίζουμε ότι ένα ποσοστό προγραμματιστών είναι Anti-ai. Ζήτησα από τον Leinwand ποια ήταν η απάντηση στο εργαλείο AI του από τον αρχέτυπο μηχανικό του παλιού σχολείου (από τον οποίο υπάρχουν πάντα τουλάχιστον μερικοί παρόντες σε οποιοδήποτε μεγάλο τμήμα πληροφορικής);

“Μία από τις μεγαλύτερες προκλήσεις που είχαμε ήταν η φυσική αντίσταση (προς το AI) και, ξέρετε,” που μετέφερε το τυρί μου “κάτι”, παραδέχτηκε.

Ωστόσο, σύμφωνα με τις εσωτερικές του μετρήσεις, περίπου το 89% του προσωπικού της μηχανικής χρησιμοποιεί τώρα τα εργαλεία AI σε καθημερινή βάση.

“Αυτό είναι 17% από αυτό που είδαμε ακόμη και στο Q1, οπότε βλέπουμε ένα πολύ καλό άλμα όσον αφορά την υιοθέτηση της λειτουργικότητας και των εργαλείων”, δήλωσε ο Leinwand.

Πρόσθεσε ότι καθώς τα μοντέλα AI έχουν εξελιχθεί και τα εργαλεία “έχουν γίνει ευκολότερο να τεθούν στη ροή εργασίας των ανθρώπων”, η υιοθεσία έχει αυξηθεί.

AI στην πλατφόρμα Webflow

Ανέφερα στην αρχή αυτού του άρθρου ότι το AI φαίνεται να ενσωματώνεται σε όλη την πλατφόρμα του Webflow – η οποία περιλαμβάνει εργαλεία σχεδιασμού, CMS, εργαλεία δημιουργίας, φιλοξενία, ασφάλεια και πολλά άλλα. Η εταιρεία περιγράφει τώρα ως “πλατφόρμα εμπειρίας ιστότοπου” και η αρχική σελίδα δηλώνει ότι το AI “ενσωματώνεται σε όλη την πλατφόρμα Webflow”.

Ζήτησα από τον Leinwand πώς η εσωτερική χρήση της μηχανικής της AI έχει τροφοδοτηθεί στην πλατφόρμα που προσφέρει στους πελάτες;

“Έτσι, το προϊόν που χρησιμοποιούν οι πελάτες μας έχουν AI είδος σπείρωμα σε όλη την έκταση”, απάντησε. “Δεν βλέπουμε το AI ως χαρακτηριστικό, αλλά το βλέπουμε ως ένα νήμα που λειτουργεί σε όλο το προϊόν.”

“Δεν βλέπουμε το AI ως χαρακτηριστικό, αλλά το βλέπουμε ως ένα νήμα που λειτουργεί σε όλο το προϊόν (Webflow).”
– καμβάς

Ως μερικά παραδείγματα, λέει ότι προσφέρουν έναν οικοδόμο AI – “όπου μπορείτε να περιγράψετε αυτό που θέλετε να μοιάζει με τον ιστότοπό σας και θα δημιουργήσουμε τις σελίδες στον ιστότοπο για εσάς” – και ότι μπορείτε επίσης να δημιουργήσετε αντικείμενα στο προϊόν CMS χρησιμοποιώντας το AI.

Το Webflow ξεκίνησε ως απλός οικοδόμος ιστοσελίδων το 2012, αλλά αυτές τις μέρες είναι μια πλήρης πλατφόρμα με πολλά κουδούνια και σφυρίχτρες. Οι πιο πρόσφατες προσθήκες περιλαμβάνουν τη λειτουργικότητα βελτιστοποίησης (π.χ. δοκιμή A/B) και τον εντοπισμό.

“Υπάρχει και κάποια AI εκεί”, πρόσθεσε ο Leinwand σχετικά με τη βελτιστοποίηση. “Έτσι μπορείτε να δημιουργήσετε αυτόματα διάφορες παραλλαγές μιας σελίδας προορισμού ή κουμπιά ή να καλέσετε σε ενέργειες – χρησιμοποιώντας το AI.”

Εν ολίγοις, το AI είναι παντού στα προϊόντα της Webflow. Αλλά με βάση αυτό που μου είπε ο Leinwand, η εταιρεία ασκεί επίσης αυτό που κηρύττει εκτενώς χρησιμοποιώντας εσωτερικά εργαλεία AI.