Framer MCP est un serveur officiel, lancé le 22 octobre 2026. Il connecte Claude, ChatGPT, Cursor ou Grok Bot à ton projet Framer. L’IA peut alors créer des pages, modifier le contenu, gérer le CMS et même publier. Tu gardes la main : l’IA agit avec les droits de ton compte, tu relis le résultat sur le canvas, et tu peux travailler dans une branche avant toute mise en ligne.
C’est quoi, Framer MCP ?
MCP veut dire Model Context Protocol. C’est un standard qui permet à un assistant IA d’utiliser un outil externe. Ici, l’outil, c’est ton site Framer.
Concrètement, tu écris une demande à Claude en français. Claude l’exécute directement dans ton projet. Il peut travailler sur les versions ordinateur, tablette et mobile, et réutiliser tes styles et composants existants. Chaque changement reste modifiable dans Framer.
Le serveur est distant, donc rien à installer en local. Il n’exige ni Node.js ni pont local. Framer n’a pas besoin d’être ouvert pendant que l’agent travaille.
La vidéo officielle ci-dessous montre Framer MCP en action avec Claude sur un projet réel.
Comment connecter Claude à Framer ?
Il y a deux voies, selon ton usage.
Avec Claude (le plus simple) :
- Ouvre la fiche Framer dans le répertoire Claude et clique sur « Connect to Claude ».
- Connecte-toi à Framer dans l’onglet qui s’ouvre, puis valide l’accès.
- Retourne dans Claude et demande de se connecter à ton projet. Donne le lien complet du projet, pas seulement son nom.
Avec Claude Code :
- Ajoute le serveur avec la commande indiquée dans la documentation Framer. L’adresse du serveur est https://mcp.framer.com/mcp.
- Lance l’autorisation, connecte-toi à Framer et valide.
- Vérifie que Framer apparaît comme connecté, puis démarre une nouvelle session.
Si la connexion échoue, vérifie trois choses. L’adresse doit être exacte. Ton client doit gérer les serveurs distants avec OAuth. Et ton administrateur d’espace de travail doit peut-être approuver les connexions MCP.
Que peut faire Claude dans ton site Framer ?
D’après la documentation officielle, l’agent sait faire quatre grandes choses :
- créer des pages et modifier des mises en page ;
- gérer le CMS : collections, articles, contenus structurés ;
- auditer le SEO : balises, titres, textes alternatifs, structure ;
- combiner Framer avec les autres outils connectés à ton client IA.
Voici des demandes types, à adapter :
- « Crée une page tarifs responsive avec les styles et composants existants. »
- « Liste les collections CMS de ce projet. »
- « Change le titre de la page d’accueil. »
Un conseil simple : commence petit. Une lecture du CMS ou un changement de titre te montrent vite comment l’agent se comporte.
Comment garder le contrôle visuel et les permissions ?
C’est le point qui rassure le plus. Trois garde-fous existent.
D’abord, les permissions. La connexion utilise les droits du compte Framer avec lequel tu te connectes. L’agent ne peut donc rien faire que ton compte ne puisse pas faire. Il peut aussi travailler sur tous les projets accessibles à ce compte, d’où l’intérêt de donner toujours le lien complet du projet visé.
Ensuite, la relecture. Une fois l’agent terminé, tu ouvres Framer et tu vérifies le résultat sur le canvas. Tu peux corriger à la main ou redemander une modification.
Enfin, la branche. Tu peux demander à l’agent de créer une branche Framer et de travailler dedans. Tu relis, puis tu fusionnes ou tu publies. Rien n’est en ligne tant que tu n’as pas décidé, ou demandé à l’agent de publier.
Framer MCP, CLI local ou plugin communautaire : lequel choisir ?
Trois solutions portent un nom proche, ce qui crée de la confusion.
- Framer MCP (officiel) : serveur distant, recommandé par Framer pour la plupart des usages.
- CLI local @framer/agent : tourne sur ton ordinateur et exige Node.js. Il reste utile pour la localisation, absente de Framer MCP au lancement.
- Plugin communautaire « MCP » : créé par Tommy D. Rossi, non officiel. Il demande que le plugin reste ouvert dans Framer.
Pour démarrer, prends le serveur officiel. Les deux autres répondent à des besoins précis.
Notre avis : à qui ça sert vraiment ?
Pour un freelance qui gère plusieurs sites clients, le gain est réel sur les tâches répétitives. Importer vingt articles dans le CMS, corriger les balises de toutes les pages ou décliner une page en plusieurs versions : l’IA fait ce travail en quelques minutes.
En revanche, nous ne confierions pas la création d’un site entier à l’agent sans relecture. Un design se juge à l’œil. Utilise donc la branche systématiquement, au moins le temps de comprendre comment l’agent réagit à tes consignes.
Un point de vigilance : l’agent hérite de tes droits. Sur un compte propriétaire, c’est large. Si tu travailles avec des clients, connecte plutôt un compte aux droits limités.
Nous n’avons pas encore fait tourner un gros projet dessus : cet avis s’appuie sur la documentation officielle et sur la logique des permissions décrites par Framer. Pour approfondir le sujet des agents, lis aussi notre article sur Grok Bot, l’un des clients compatibles.
FAQ
Qu’est-ce que Framer MCP ?
Framer MCP est un serveur officiel qui permet de connecter Claude, ChatGPT, Cursor ou d’autres assistants IA à un projet Framer. Une fois connecté, l’agent peut créer des pages, modifier le contenu, gérer le CMS et exécuter certaines actions directement dans le projet.
Comment connecter Claude à Framer ?
Le plus simple est d’utiliser le répertoire de Claude et de connecter le plugin Framer officiel. Il est également possible d’ajouter manuellement le serveur MCP à l’adresse https://mcp.framer.com/mcp dans les clients compatibles avec les serveurs MCP distants.
Quels outils IA sont compatibles avec Framer MCP ?
Framer MCP fonctionne avec Claude, Claude Code, ChatGPT/Codex, Cursor ainsi qu’avec les autres clients IA compatibles avec les connexions MCP distantes et l’authentification OAuth.
Claude peut-il modifier et publier un site Framer ?
Oui. Claude peut créer des pages, modifier du contenu, gérer certaines données CMS et publier un site si ton compte Framer dispose des autorisations nécessaires. Nous recommandons néanmoins de vérifier les modifications avant publication.
Faut-il laisser Framer ouvert pour utiliser MCP ?
Non. Framer MCP est un service distant. L’agent IA peut travailler même lorsque l’éditeur Framer est fermé. Tu peux ensuite ouvrir Framer pour vérifier les changements effectués.
Framer MCP est-il gratuit ?
Framer ne détaille pas actuellement de tarification spécifique pour MCP dans sa documentation. Vérifie les conditions associées à ton abonnement Framer avant utilisation.
Comment connecter Framer MCP à un projet spécifique ?
Ouvre le projet dans Framer, clique sur Invite, puis copie le Project Link. Dans Claude, ChatGPT/Codex, Cursor ou un autre client compatible MCP, colle ce lien dans la conversation et demande à l’agent de se connecter au projet. Cela permet à l’IA d’identifier précisément le site sur lequel elle doit travailler.
