Tu ouvres Framer et plus rien n'est à sa place ? C'est normal. Le 16 juin 2026, Framer a déployé sa plus grosse mise à jour depuis des années : Framer 3.0.

Des agents IA directement sur le canvas, un système de branches pour tester sans risque, une Community entièrement repensée et une nouvelle interface. Sur le papier, ça fait beaucoup d'un coup. En pratique, une fois que tu sais où regarder, tout devient logique.

Ce guide couvre chaque nouveauté, dans l'ordre. Ce qu'elle fait, où la trouver, et surtout comment l'utiliser intelligemment sur tes projets.

Framer 3.0 en résumé

Quatre nouveautés majeures composent cette mise à jour.

Les Agents, une IA intégrée au canvas qui peut créer des pages, des composants, gérer ton CMS et optimiser ton SEO. Le Branching, qui te permet de tester des changements sans toucher au site en ligne. La nouvelle Community, où les créateurs partagent et monétisent templates et composants. Et une interface entièrement redessinée.

À cela s'ajoutent les mises à jour sorties dans les semaines précédentes : le CMS 3.0, les Plugins 3.0 et l'Auto Translate. L'ensemble forme un écosystème cohérent, et c'est ça qui rend cette version 3.0 aussi importante.

On rentre dans le détail.

Les Agents : l'IA débarque sur ton canvas

C'est LA nouveauté de Framer 3.0. Et avant que tu penses "encore un générateur de sites IA", laisse-moi t'expliquer pourquoi celle-ci est différente.

Ce que les Agents savent faire

Un agent Framer peut designer des pages entières, créer des composants, ajouter des animations, écrire tes textes, corriger ton responsive, remplir ton CMS et organiser tes styles. Tu écris ce que tu veux en langage naturel, l'agent exécute, tu vérifies.

La vraie différence avec les outils "prompt to website" que tu connais déjà : l'agent travaille à l'intérieur de ton projet. Il voit tes pages, tes composants, tes text styles, tes color styles et tes collections CMS. Il ne part pas de zéro. Il s'appuie sur ce que tu as déjà construit.

Concrètement, tu peux lui demander de créer une nouvelle section en réutilisant tes styles existants. De corriger le responsive d'une page sur mobile. Ou de nettoyer des styles devenus chaotiques après six mois de projet.

Comment lancer ton premier agent

Ouvre ton projet, puis clique sur l'onglet Agent dans le panneau droit, à côté de l'onglet Style. Une interface de chat s'ouvre, avec un menu pour choisir ton modèle.

Tu peux donner du contexte à l'agent en sélectionnant directement un frame, une section ou un composant sur le canvas avant d'écrire ton prompt. Plus ton instruction est précise, meilleur est le résultat.

Astuce : commence par des tâches simples et sans risque : renommer et organiser tes layers, harmoniser tes text styles, ajuster un breakpoint. Tu vas vite comprendre comment l'agent raisonne, sans mettre ton design en danger.

Le point d'attention : les crédits

Les agents fonctionnent avec un système de crédits qui dépend de ton plan. Si tu délègues tout à l'IA, la facture monte vite.

Le bon réflexe : utilise les agents pour les tâches répétitives et fastidieuses, et garde la main sur le design fin. C'est toi qui as l'œil, pas lui.

Les External Agents : connecte Claude ou Cursor à Framer

Cette nouveauté est passée sous les radars, et c'est pourtant l'une des plus puissantes de la mise à jour.

Framer 3.0 permet de connecter des agents IA externes comme Claude, Codex ou Cursor à tes projets. Ces outils peuvent créer, éditer, auditer et gérer tes projets Framer. Tu review ensuite les changements directement dans l'éditeur avant de publier.

En clair : si tu travailles déjà avec un assistant IA au quotidien, tu peux maintenant lui donner accès à ton projet. Modifier les textes d'une page, auditer une structure, mettre à jour une collection CMS en masse, tout ça sans quitter ton outil habituel.

Bonus non négligeable : comme l'IA tourne dans ton propre outil, elle ne consomme pas tes crédits Framer.

Si tu gères plusieurs sites clients, tu vois immédiatement le potentiel : la maintenance devient largement automatisable.

Le Branching : teste sans jamais casser ton site en ligne

Tu as déjà hésité à modifier une section sur un site en production ? À dupliquer une page "au cas où" avant un gros changement ? Le Branching règle ce problème une fois pour toutes.

Comment ça fonctionne

Le principe tient en trois étapes. Tu crées une branche, c'est-à-dire une copie de ton projet. Tu fais toutes tes modifications dessus, pendant que le site en ligne continue de tourner normalement. Et quand tout est validé, tu merges : tes changements sont fusionnés dans la version principale.

Si tu as déjà utilisé Git, tu es en terrain connu. Sinon, retiens juste ça : une branche est un brouillon complet de ton site, sans aucun risque pour la version publiée.

Les cas d'usage concrets

Tester une refonte de section avant de la valider. Laisser un client explorer des idées sans toucher au site live. Faire travailler un agent IA sur une branche et ne merger que ce qui te convient. Préparer une refonte complète en parallèle du site en production.

Astuce : prends l'habitude de créer une branche à chaque intervention d'un agent sur un site en ligne. C'est littéralement fait pour ça, et ça t'évite toute mauvaise surprise.

La nouvelle Community : partager, découvrir, monétiser

Framer 3.0 transforme la Community en véritable place de marché sociale. Marketplace, galerie, feed, membres, awards et concours sont maintenant réunis au même endroit. Les créateurs peuvent publier des templates et des composants, recevoir des commentaires et des likes, et surtout monétiser leurs créations avec de nouveaux outils dédiés.

La découverte des ressources a été retravaillée, et c'était le point faible historique du marketplace. Faire un bon template, c'est une chose. Faire en sorte que les gens le trouvent, c'en est une autre.

Le point qui fait débat

Tout n'est pas parfait : la validation des templates avant publication a disparu au profit d'une modération a posteriori, et une partie de la communauté craint un marketplace envahi de templates copiés ou de faible qualité.

Si tu comptes vendre tes créations, la conclusion est simple : la qualité et la spécificité de tes templates deviennent encore plus déterminantes pour sortir du lot.

L'interface redessinée : tes repères ont bougé

Framer 3.0 arrive avec une refonte complète de l'interface. Le canvas est plus propre, plus spacieux, les panneaux ont été réorganisés et la hiérarchie visuelle est retravaillée.

Si tu utilises Framer depuis longtemps, compte quelques jours d'adaptation. La logique reste exactement la même, seule l'organisation change. Et honnêtement, une fois les nouveaux repères pris, on y voit beaucoup plus clair.

Et le CMS 3.0 dans tout ça ?

Quelques semaines avant Framer 3.0, Framer a aussi déployé le CMS 3.0 : édition inline directement dans le tableau, sélection multiple pour les modifications en masse, dossiers de collections et colonnes personnalisables.

Si tu gères un blog ou des contenus dynamiques, c'est la mise à jour qui va te faire gagner le plus de temps au quotidien. Tu peux par exemple mettre à jour les meta titles et descriptions de tous tes articles directement dans la vue tableau, sans les ouvrir un par un.

Le sujet mérite son propre contenu, et ça tombe bien : un tour complet du CMS 3.0 est déjà disponible sur Framer Campus.

Faut-il tout adopter maintenant ?

L'interface et le CMS sont déployés pour tout le monde, donc la question ne se pose pas. Pour les agents, voilà la méthode que nous recommandons.

Commence par les tâches sans risque : nettoyage de styles, premiers jets de sections, corrections responsive. Utilise systématiquement le Branching quand un agent intervient sur un site en production. Et garde ton œil de designer : l'agent produit des résultats corrects, parfois très bons, mais il ne remplace ni ta direction artistique ni ta connaissance de ton audience.

La vraie logique de Framer 3.0, c'est ça : l'IA élimine les tâches ingrates pour te laisser plus de temps sur ce qui compte. La stratégie, le design, la conversion.

Et paradoxalement, plus tu maîtrises les bases de Framer, plus les agents deviennent puissants entre tes mains. Un bon prompt vient toujours d'une bonne compréhension de l'outil.

Par où continuer

Dans les prochaines semaines, des tutoriels détaillés arrivent sur Framer Campus pour chaque nouveauté : la prise en main des Agents pas à pas, le workflow Branching complet et la connexion d'agents externes.

En attendant, si tu veux consolider tes bases pour tirer le maximum des agents, la formation Framer Campus est toujours disponible et gratuite.

👉 Découvrir la formation complète

Et pour gagner du temps sur tes prochains projets, les templates et ressources premium sont conçus pour être personnalisés en quelques minutes.

👉 Explorer les ressources disponibles