Το MCP, το Model Context Protocol, είναι ένα ανοιχτό πρότυπο που επιτρέπει στους πράκτορες AI να συνδέονται με πηγές δεδομένων και εργαλεία. Για τους σχεδιαστές, σημαίνει ότι ένα εργαλείο κωδικοποίησης AI μπορεί να διαβάσει απευθείας ένα αρχείο σχεδίασης αντί να μαντέψει από ένα στιγμιότυπο οθόνης και σε ορισμένες περιπτώσεις να δημιουργήσει ή να αλλάξει το ίδιο το σχέδιο.
Το Figma διαθέτει έναν διακομιστή MCP που δίνει στους πράκτορες AI σχεδιαστικά πλαίσια, όπως μεταβλητές, στοιχεία και διάταξη, ώστε να μπορούν να δημιουργούν κώδικα από επιλεγμένα πλαίσια. Μπορεί επίσης να γράψει εγγενές περιεχόμενο Figma πίσω στον καμβά. Το Figma περιγράφει αυτή τη δυνατότητα ως δωρεάν κατά τη διάρκεια της beta και σχεδιάζεται να γίνει βασισμένη στη χρήση. Σύμφωνα με το κέντρο βοήθειας του Figma, ο διακομιστής MCP είναι διαθέσιμος σε προγράμματα Starter, Professional, Education, Organization, Government και Enterprise.
Το Penpot διαθέτει έναν δωρεάν και ανοιχτό διακομιστή MCP. Το Penpot το περιγράφει ότι λειτουργεί με οποιονδήποτε πελάτη και μοντέλο MCP, συμπεριλαμβανομένων των Claude, Cursor, Visual Studio Code και OpenAI Codex, και οι ομάδες μπορούν να το αναπτύξουν στους δικούς τους διακομιστές για να διατηρήσουν ιδιωτικά τα δεδομένα σχεδίασης.
Το ExodeUI, το οποίο κατασκευάζουμε, διαθέτει διακομιστή MCP για διαδραστικό περιβάλλον χρήστη και κινούμενα σχέδια. Τα Claude Code, Cursor και άλλα εργαλεία κωδικοποίησης τεχνητής νοημοσύνης μπορούν να δημιουργούν και να επεξεργάζονται κινούμενα σχέδια, συμπεριλαμβανομένων των καταστάσεων, της φυσικής της άνοιξης, των εισόδων και των συμβάντων, από μηνύματα σε απλή γλώσσα. Το αποτέλεσμα είναι ένα ανοιχτό αρχείο .exode που παίζουν τα πακέτα χρόνου εκτέλεσης σε React, Vue, Svelte, Angular, Solid, React Native, SwiftUI και Flutter.
Άλλα εργαλεία προσθέτουν γρήγορα υποστήριξη MCP, επομένως ελέγξτε τα έγγραφα κάθε προμηθευτή προτού επιλέξετε. Το Icons8, για παράδειγμα, προσφέρει έναν διακομιστή MCP για τη βιβλιοθήκη εικονιδίων και εικονογραφήσεων, ο οποίος είναι χρήσιμος παράλληλα με την εφαρμογή σχεδίασης Lunacy, αλλά δεν επεξεργάζεται αρχεία Lunacy.