Framer 3.0 : Agents IA, Branching et Community, ce que Webflow n'a pas encore

Le 16 juin 2026, Framer a dévoilé Framer 3.0 lors de son event « Building Agents for Framer ». Au programme : des Agents IA qui travaillent directement sur le canvas, le Branching pour itérer sans casser la prod, des External Agents pour piloter un projet depuis Claude Code ou Cursor, et une refonte complète de la Community. En tant que Webflow Expert, j'ai regardé ça avec un œil très précis : qu'est-ce qui est réellement nouveau, et surtout qu'est-ce que Framer propose aujourd'hui que Webflow ne fait pas encore ?

Voici le résumé clair, sans hype, plus mon avis de quelqu'un qui construit des sites toute la journée. Et ce n'est pas un hasard de calendrier : Framer 3.0 débarque pile au moment où Webflow augmente ses prix et restructure ses équipes (j'y reviens plus bas).

‍

Voir Framer 3.0 en action (démo officielle)

Le tutoriel ci-dessous montre concrètement ce que les agents savent faire sur le travail de production : remplacer des images en masse, auditer la copie du site, transformer des éléments répétés en composants, gérer une nav mobile, brancher des sections sur le CMS, etc.

‍

‍

1. Framer Agents : l'IA qui édite sur le canvas, pas dans une boîte de texte

C'est le cœur de l'annonce. Framer 3.0 ajoute un onglet Agent à côté de l'onglet Style habituel, avec un sélecteur de modèle (Opus 4.8 dans la démo). Mais le vrai sujet n'est pas « une IA qui génère », c'est une IA qui génère du natif, directement éditable sur le canvas.

Concrètement, l'agent sait :

• créer des sections et des pages entières cohérentes avec le reste du site (styles, structure, contenu existants servent de contexte) ;
• cibler précisément une frame ou un layer via un outil de contexte (tu cliques sur l'élément, il rentre dans le prompt), et mentionner une page avec @ ;
• rendre tout le site responsive d'un coup, en créant les variantes tablette et mobile des composants (footer, nav, etc.) ;
• ajouter des animations fines et staggered (apparition, blur, par caractère ou par mot, au scroll), puis les ajuster à la conversation ;
• gérer le theming light/dark, refactorer les styles de texte, harmoniser les tailles de titres sur des intervalles typographiques, nettoyer les couleurs ;
• créer des code components fonctionnels à partir de ce qui existe déjà sur le canvas (une horloge analogique statique devient une horloge live avec propriété de fuseau horaire) ;
• produire des design pages : style guide, sticker sheet, explorations de hero avec shaders animés.

Point clé pour notre métier : la sortie est production-ready. Pas de code à inspecter, pas de nettoyage, tu publies. Et la co-édition est réelle : tu laisses l'agent générer, tu réorganises toi-même à la main, tu lui repasses la main, le tout avec undo / redo / revert sur chaque prompt, et un bouton follow pour suivre l'agent quand il bosse sur une autre page.

Le co-fondateur Jorn van Dijk a résumé la philosophie : l'IA t'amène vite à une première version, mais le difficile c'est de la rendre juste, et ça se joue là où le designer pointe, compare et déplace, donc sur le canvas, pas dans un chat. Difficile de lui donner tort.

‍

L'agent CMS, la vraie surprise

L'autre agent, plus discret mais redoutable pour le travail de production :

• créer une collection CMS à partir d'items déjà posés sur une page, puis brancher dynamiquement une section dessus (afficher 6 services sur 13, par exemple) ;
• restructurer les références entre collections (lier work et team en multi-référence) ;
• renommer en masse des items (transformer des titres brouillons en titres d'articles propres) ;
• simplifier des slugs et gérer les redirections des anciennes URL vers les nouvelles.

C'est exactement le travail répétitif qui nous prend des heures sur un gros site. Là, c'est quelques prompts.

‍

2. Branching : itérer sans toucher à la prod

Framer 3.0 introduit le Branching, et c'est sans doute la fonctionnalité la plus stratégique pour les équipes. Tu crées une branche (un bac à sable), tu y fais des changements lourds (passer tout le site en responsive, tester une direction), tu compares les versions, puis tu fais apply to main pour fusionner quand c'est prêt. La prod n'est jamais touchée tant que tu n'as pas validé.

Couplé aux agents, ça résout le vrai problème de l'IA en production : on peut lui laisser faire des modifs massives sans risquer le site live. Les autres éditeurs du projet peuvent même venir bosser sur la même branche.

‍

‍

3. External Agents : piloter Framer depuis ton terminal

C'est la partie qui parlera aux profils techniques. Au-delà des agents natifs, Framer ouvre les External Agents : tu connectes Claude Code, Cursor, Codex ou n'importe quel LLM via la Framer CLI (/framer + lien du projet) et tu pilotes ton ou tes projets depuis l'extérieur.

‍

Dans la démo, le cas le plus bluffant : un dossier en bordel (CSV, articles en markdown, images en vrac) transformé en CMS relationnel complet (5 collections, champs de référence, images mappées) par un seul gros prompt, le tout posé proprement dans une branche dédiée. Ajoute à ça :

• des audits en parallèle (performance, SEO, accessibilité) exportés en fichiers .md ;
• l'intégration de MCP servers (Notion, Figma, X, etc.) pour importer ou exporter du contenu, des styles ou des tokens ;
• la possibilité de tourner sur plusieurs projets Framer à la fois.

L'idée : tu profites des avancées des modèles au fil de l'eau, sans attendre que Framer les intègre nativement.

‍

4. Community, refonte et hackathon

Framer en profite pour rassembler son écosystème dans une nouvelle Community : un feed pour partager ton travail, une page members pour découvrir des créateurs, des contests, et un marketplace enrichi (commentaires, likes, process de publication simplifié). L'interface globale a été redessinée. Et pour lancer tout ça, un hackathon de 24 h avec 100 000 $ de prix.

‍

‍

5. Et Webflow dans tout ça ? Ce que Framer fait que Webflow ne fait pas (encore)

C'est la question que tout le monde va taper après la conf. Je réponds honnêtement, parce que Webflow a aussi beaucoup avancé côté IA en 2026.

Ce que Webflow a déjà :

• l'AI Assistant (en beta) qui génère et refactore des sections en comprenant le contexte du site ;
• l'AI Site Builder qui génère un site multi-pages depuis un prompt (pas trés bon en réalité);
• des outils SEO/AEO IA (alt text, meta, schema), Webflow Optimize, Analyze ;
• un MCP Webflow pour connecter Claude et opérer à grande échelle (oui, on peut déjà faire de très belles choses, je l'utilise) ;
• la collaboration temps réel en GA depuis février 2026.

‍

Ce que Framer 3.0 apporte et qui manque encore à Webflow :

1. Des agents qui travaillent sur tout le site, nativement sur le canvas. L'AI Assistant de Webflow reste en beta, limité aux sites créés via l'AI Site Builder et à certains templates, et orienté « section par section ». Les modifs sweeping de Framer (responsive sur tout le site, audit de copie sitewide, refonte du theming d'un coup) n'ont pas d'équivalent direct.
2. Le Branching avec merge. Webflow propose du staging, des sauvegardes et du versioning, mais pas de vraie logique branche + comparaison + fusion sur le canvas. C'est, pour moi, le plus gros écart, et le plus important pour les équipes qui veulent adopter l'IA sans risque.
3. L'agent CMS « from scratch ». Construire une collection relationnelle complète à partir d'un dossier de fichiers, mapper les images, créer les champs de référence : Webflow ne va pas aussi loin nativement aujourd'hui.
4. L'expérience External Agents intégrée. Webflow a un MCP (donc une parité partielle), mais le couple Framer CLI + design directement sur le canvas depuis le terminal est plus abouti dans cette démo.

Pour être juste : sur la localisation, l'e-commerce sérieux (via Shopify côté Webflow, terrain que je connais bien), la maturité CMS sur de très gros volumes et l'écosystème entreprise, Webflow garde des arguments solides. On compare deux plateformes qui visent de plus en plus le même terrain.

‍

6. Le contexte Webflow : hausse des prix, restructuration et une IA encore frustrante

Framer 3.0 arrive à un moment particulier pour la concurrence. En 2026, Webflow a augmenté ses tarifs puis annoncé une restructuration : la CEO Linda Tong a publié un billet (« Evolving Webflow for the agentic web ») actant le départ d'une partie des équipes le même jour. Le nombre exact n'a pas été communiqué officiellement (estimations autour de 140 postes, soit environ 8 % de l'effectif), dans une vague plus large du no-code après Wix et ClickUp. Le repositionnement assumé : ne plus se battre sur les sites simples (désormais couverts par les builders IA légers) et devenir une « plateforme marketing pour le web agentique ».

Mais au-delà du discours stratégique, il y a une frustration très concrète côté praticiens : l'IA dans Webflow, aujourd'hui, reste limitée. C'est exactement ce qu'explique Timothy Ricks dans cette vidéo, et son analyse rejoint la mienne.

‍

‍

Le point de vue de Timothy Ricks : pourquoi l'IA dans Webflow coince

Ses arguments parlent à quiconque bosse dans Webflow au quotidien :

• Le MCP Webflow est lent, gourmand en tokens et produit des designs assez basiques. Claude n'est pas dans son élément avec une API propriétaire : il pense mieux en écrivant et relisant du code en temps réel qu'en lançant des commandes du type « ajoute un élément titre à la page ».
• Une fois une section dans Webflow, l'IA a du mal à continuer à itérer dessus. Il faut souvent réimporter la section entière. C'est le vrai point de douleur.
• Les code components sont un îlot à part. Souvent en React ou Tailwind, avec des styles et des classes différents du reste du site, un peu comme tout balancer dans un code embed, ce qui va à l'encontre de l'intérêt même de Webflow. Beaucoup les utilisent surtout parce que c'est aujourd'hui la seule façon viable pour l'IA de continuer à modifier une section déjà posée.
• Pour des projets perso, passer en coding assisté par IA peut avoir du sens (la bande passante Webflow coûte cher, et un outil perso n'a pas besoin d'édition collaborative soignée), mais pas pour des projets clients.
• Là où Webflow reste imbattable, c'est le build visuel et le design system : variants, props, slots. Timothy n'a pas encore vu de concurrent IA-native sérieux sur ce terrain (il garde un œil sur Ship Studio, passé open source). Et travailler en pur code lui a surtout rappelé la valeur d'un éditeur visuel.

‍

Mon analyse : c'est précisément ce gap que Framer 3.0 attaque

La frustration n°1 que décrit Timothy (impossible de faire itérer l'IA nativement sur une section une fois posée, sans tout réimporter) est exactement ce que les Agents Framer règlent : ils travaillent sur le canvas, sur du natif, et on continue à dialoguer avec eux section par section, page par page. Là où Webflow t'oblige à passer par le MCP, le réimport ou les code components, Framer fait de l'itération assistée le mode par défaut.

‍

Ça ne veut pas dire qu'il faut tout plaquer. Le build visuel et le design system de Webflow restent excellents, et le conseil de Timothy est le bon, surtout en pleine bascule IA : ne jamais se battre sur la vitesse et le prix. L'IA pousse mécaniquement vers ce terrain glissant. Mieux vaut monter en gamme, sur des projets qui demandent de l'accessibilité, un design system propre, une structure carrée, et mettre en avant son expertise et son point de vue. C'est exactement la zone où un freelance garde toute sa valeur, quel que soit l'outil.

‍

Mon avis de Webflow Expert

Framer 3.0 ne « tue » pas Webflow, mais il déplace clairement le curseur sur deux points où Webflow va devoir répondre : le branching et des agents réellement capables de travailler sur l'ensemble d'un site en production. Le reste (génération de sections, SEO IA, MCP) existe déjà des deux côtés, à des degrés de maturité différents.

Pour un freelance ou une agence, la vraie question n'est pas « Framer ou Webflow », mais : est-ce que je gagne du temps sur la prod et la maintenance sans perdre le contrôle ? Et sur ce critère, l'approche canvas + branching de Framer est très convaincante. Je vais tester ça en profondeur sur un projet réel et je publierai un retour concret.

‍

Pour aller plus loin

L'event et le récap complet : framer.com/events. Les notes de version Framer 3.0 : framer.com/updates.

‍