MCP pour les concepteurs : connexion de Figma, de jetons et de codes à Claude et Cursor

Qu'est-ce que MCP, en termes simples

La documentation officielle de MCP le décrit comme un standard open source permettant de connecter des applications d'IA à des systèmes externes, tels que des fichiers, des bases de données et des outils. L'un de ses propres exemples est Claude Code qui génère une application Web complète à partir d'une conception Figma. Pour un designer, l’important est le suivant : l’IA n’a plus besoin de deviner à quoi ressemble votre design. Il peut interroger directement l'outil de conception.

Concevoir des outils avec les serveurs MCP aujourd'hui

En octobre 2026 :

• Figma : un serveur MCP qui donne aux agents un contexte de conception (variables, composants, mise en page) pour la génération de code et peut réécrire du contenu natif sur le canevas. Figma le répertorie sur les forfaits Starter et payants ; l'écriture sur toile est gratuite pendant sa version bêta.
• Penpot : un serveur MCP gratuit et ouvert qui fonctionne avec n'importe quel client MCP, y compris Claude, Cursor, VS Code et OpenAI Codex, et peut être auto-hébergé.
• ExodeUI (we make it) : un serveur MCP qui permet aux outils de codage d'IA de créer et d'éditer des animations interactives avec des états et la physique des ressorts.
• Concevoir des jetons : si vos jetons résident dans un référentiel sous le nom JSON, un outil de codage d'IA peut déjà les lire sous forme de fichiers ; un serveur dédié n'est nécessaire que pour les jetons stockés dans un outil.

Comment les designers l'utilisent réellement

Les flux de travail les plus courants sont pratiques plutôt que magiques. Les développeurs sélectionnent un cadre et demandent à l'IA de l'implémenter avec la bibliothèque de composants existante. Les concepteurs demandent à l’IA de vérifier si un écran codé correspond aux différences de conception et de liste. Les équipes demandent à l'IA de mettre à jour les jetons d'un composant dans la base de code. Et de plus en plus, les concepteurs utilisent l’IA pour rédiger des variantes directement sur la toile, puis les affiner à la main.

Connecter un serveur

Claude Code ajoute des serveurs avec la commande claude mcp add ou via un fichier .mcp.json dans le projet, et prend en charge les serveurs HTTP distants ainsi que les serveurs locaux. Cursor gère les serveurs MCP dans ses paramètres et prend en charge les serveurs locaux (stdio) et distants. Les serveurs distants vous demandent généralement de vous connecter une fois avec OAuth. Chaque fournisseur documente la commande ou l'URL exacte de son serveur.

À quoi faut-il faire attention

MCP donne un réel accès aux outils d'IA, alors traitez-le comme n'importe quelle intégration :

• Autorisations : un agent qui peut écrire sur le canevas ou le référentiel peut également commettre des erreurs. Utilisez l’historique des versions et examinez les modifications.
• Confidentialité : vérifiez où vont les données de conception et si votre forfait le permet.
• Coût : certaines fonctionnalités d'écriture sont gratuites en version bêta et devraient devenir basées sur l'utilisation.
• Qualité : la sortie de l'IA suit votre système de conception uniquement si le système est bien structuré, avec des composants et des jetons nommés.