MCP, le Model Context Protocol, est un standard ouvert qui permet aux agents d'IA de se connecter à des sources de données et à des outils. Pour les concepteurs, cela signifie qu'un outil de codage d'IA peut lire un fichier de conception directement au lieu de deviner à partir d'une capture d'écran et, dans certains cas, créer ou modifier la conception elle-même.
Figma dispose d'un serveur MCP qui fournit aux agents IA un contexte de conception, tel que des variables, des composants et une présentation, afin qu'ils puissent générer du code à partir des cadres sélectionnés. Il peut également réécrire le contenu natif Figma sur le canevas ; Figma décrit cette fonctionnalité comme gratuite lors de sa version bêta et devrait devenir basée sur l'utilisation. Selon le centre d'aide de Figma, le serveur MCP est disponible sur les forfaits Starter, Professionnel, Éducation, Organisation, Gouvernement et Entreprise.
Penpot dispose d'un serveur MCP gratuit et ouvert. Penpot le décrit comme fonctionnant avec n'importe quel client et modèle MCP, y compris Claude, Cursor, Visual Studio Code et OpenAI Codex, et les équipes peuvent le déployer sur leurs propres serveurs pour garder les données de conception privées.
ExodeUI, que nous créons, dispose d'un serveur MCP pour l'interface utilisateur et l'animation interactives. Claude Code, Cursor et d'autres outils de codage d'IA peuvent créer et modifier des animations, notamment des états, la physique du ressort, des entrées et des événements, à partir d'invites en langage simple. Le résultat est un fichier .exode ouvert que les packages d'exécution lisent dans React, Vue, Svelte, Angular, Solid, React Native, SwiftUI et Flutter.
D'autres outils ajoutent rapidement la prise en charge de MCP, alors vérifiez la documentation de chaque fournisseur avant de choisir. Icons8, par exemple, propose un serveur MCP pour sa bibliothèque d'icônes et d'illustrations, qui est utile avec son application de conception Lunacy mais ne modifie pas les fichiers Lunacy.