Source by Webflow : ce que révèle la preview des Views et des agents IA
Créer une première version de site avec l’IA devient plus simple. Faire évoluer ce site avec une équipe, conserver une identité cohérente et maintenir le code reste un autre chantier. Source by Webflow s’attaque à cette étape : réunir agents IA, édition visuelle et code du projet dans un espace de travail partagé.
Le premier live View Source, avec Matthew P. Munger, Timothy Ricks et Katherine Grigo, donne un aperçu concret de cette direction. Il se concentre sur les Views personnalisées, des interfaces conçues autour d’une tâche. Cet article analyse la démonstration et les informations officielles, sans prétendre à un test personnel de l’outil. Source est encore en research preview limitée.
Qu’est-ce que Source by Webflow ?
Source est une nouvelle plateforme destinée à connecter le code, les contenus et les outils d’une équipe avec des agents IA. Un workspace rassemble les personnes et leur travail ; les projets organisent un objectif et un brief ; les sessions accueillent les échanges avec un agent. Les Views constituent les interfaces pour examiner, modifier ou valider ce travail.
Cette organisation répond à une réalité : un site continue à vivre après sa mise en ligne. Les designers ajustent les composants, le marketing prépare des campagnes et les développeurs maintiennent les intégrations. La présentation officielle de Source propose un environnement commun où chacun dispose d’une interface adaptée, tout en conservant le contexte du projet.
Le code réel devient la base du projet
Dans le live, Matthew ouvre un projet Astro local. Source reconnaît le framework, lance une prévisualisation et donne accès aux fichiers. La connexion à un dépôt GitHub est l’autre point d’entrée présenté. L’équipe décrit aussi des environnements cloud permettant de travailler sur une même base de code sans installer un environnement de développement en local.
Le changement tient à ce que les agents interviennent sur les fichiers qui produisent le site. L’édition visuelle et la modification directe du code deviennent deux façons de travailler sur le même projet. Astro et Next.js sont les frameworks de départ évoqués dans cette preview. L’ambition de connecter différents stacks ne prouve pas que toutes les configurations existantes sont déjà prises en charge.
Les Views personnalisées, le point fort de la démonstration
Une View est une interface interactive composée de blocs. Elle peut afficher un aperçu du site, des réglages de composants, du code, des contenus ou un audit. Plusieurs Views peuvent être disposées côte à côte : repérer un problème, sélectionner l’élément concerné et le corriger devient possible dans un environnement adapté à cette tâche.
Timothy présente un navigateur de composants qui expose les contrôles utiles à son projet. Il montre aussi différentes prévisualisations de thèmes et une vue du code organisée selon sa méthode de travail. Webflow indique que son premier agent View Builder peut aider à créer et modifier ces interfaces. Ces exemples sont des outils personnalisés pour la démonstration, pas une liste de panneaux standard automatiquement disponibles dans chaque compte.
Du design system à une interface utile pour le client
Dans la démo, la View du brand system lit les informations de design d’un fichier design.md du projet. Couleurs, typographies, espacements et autres tokens deviennent visibles, avec accès aux données correspondantes. Une autre View personnalisée présente les composants utilisés dans le site, leurs occurrences, leurs variantes et leur comportement interactif.
Dans mon travail de designer et développeur Webflow, c’est la piste la plus intéressante : concevoir l’interface d’administration avec autant d’attention que le site public. Un client pourrait manipuler des composants approuvés et des réglages compréhensibles, tandis que le développeur conserve une interface technique plus complète. Ce potentiel dépend toutefois des permissions, des validations et de la maintenance prévues autour de chaque outil.
Un audit d’accessibilité à côté de la page
La View d’accessibilité créée par Matthew analyse 104 pages dans la démonstration et regroupe les problèmes par page ou par type. Il place l’audit à côté de la prévisualisation, identifie un titre passant de H2 à H4 et modifie le code pour le transformer en H3. Cet exemple relie directement un constat à l’endroit où intervenir.
Ces chiffres concernent le site de démonstration ; ils ne constituent pas un benchmark. Un scan automatique ne suffit pas non plus à établir l’accessibilité d’un site : navigation au clavier, focus, sémantique et parcours réels restent à vérifier. L’intérêt est ici de disposer d’une interface plus pratique pour examiner et corriger les problèmes.
Des Views pour créer des assets et des outils internes
Les exemples vont au-delà de l’édition des pages. Timothy montre un générateur d’icônes qui enregistre un asset dans le projet, puis des visuels sociaux avec des propriétés modifiables. Matthew présente un outil de shaders avec des contrôles visuels, une timeline et la possibilité d’enregistrer une image fixe ou d’utiliser le code de l’animation.
Pour une agence, cela ouvre une piste concrète : créer de petits outils autour des tâches récurrentes du client, comme produire un visuel de campagne conforme à sa charte. L’interface fait alors partie de la livraison. Elle implique aussi de maintenir ces outils et de vérifier que les fichiers et modifications produits respectent les standards du projet.
Source remplace-t-il le Webflow Designer ?
La FAQ officielle précise que Webflow continuera à investir dans sa plateforme actuelle. Elle annonce aussi un parcours de migration accompagné pour les équipes qui choisiront Source lorsqu’il sera prêt pour elles. Dans le live, l’équipe explique que reprendre un site Webflow existant dans Source passerait par sa conversion vers une base de code comme Astro ou Next.js. La procédure complète de migration n’est pas démontrée.
Cette approche diffère de la connexion d’un assistant à un projet Webflow existant via MCP. Je détaille ce fonctionnement dans mes guides sur Webflow MCP avec Cursor et Webflow MCP avec Claude. Un site Webflow qui fonctionne n’a pas besoin d’être immédiatement reconstruit à la suite de cette annonce.
Disponibilité, prix et fonctionnalités encore prévues
À la rédaction de cet article, la page officielle parle d’une research preview limitée, avec un accès progressif. Dans ce live, Webflow ne communique ni date de disponibilité générale ni prix définitif. Katherine évoque un possible abonnement à la plateforme complété par des crédits IA à l’usage et précise que cette annonce ne modifie pas les tarifs des offres existantes. Ce sont des indications de preview, pas une grille tarifaire définitive de Source.
Le live présente comme récemment livrés les sessions cloud GitHub, l’envoi des modifications vers la branche de l’application, le déploiement sur Webflow Cloud et l’agent View Builder. Le partage des Views, agents et skills, de nouveaux agents spécialisés et une première version du CMS agentique de nouvelle génération sont annoncés pour les prochaines étapes. La démonstration de contenus utilise des collections Astro, pas ce futur CMS.
Mon regard : l’intérêt se joue dans la façon de travailler
L’idée la plus forte est de pouvoir adapter l’interface à la personne qui travaille. Générer plus vite est utile, mais un client doit aussi comprendre ce qu’il peut modifier, comment le valider et comment préserver la cohérence du site. Les Views personnalisées pourraient rendre ces choix directement visibles dans son outil de travail.
Pour évaluer Source sur un vrai projet, je regarderais la réutilisation des composants, la qualité du code, les permissions, le circuit de validation et le temps nécessaire pour maintenir les outils personnalisés. Pour le moment, la prochaine étape consiste à demander l’accès à la research preview et suivre son évolution. Pour définir la place de l’IA dans la gestion de votre site, parlons de votre projet.
Sources et ressources
FAQ
Qu’est-ce que Source by Webflow ?
Source est une nouvelle plateforme qui réunit agents IA, édition visuelle, code et outils d’équipe. Ses Views peuvent être adaptées à différentes tâches et différents rôles. Elle est en research preview limitée.
Source remplace-t-il Webflow ?
Webflow indique continuer à investir dans la plateforme actuelle. Un parcours de migration accompagné est prévu pour les équipes qui choisiront Source. Le live évoque une conversion vers une base de code comme Astro ou Next.js, sans démontrer toute la procédure.
Peut-on déjà utiliser Source ?
L’accès est limité et progressif. La page webflow.com/source permet de demander à participer à la research preview. Une demande ne garantit pas un accès immédiat.
Combien coûte Source by Webflow ?
Aucun tarif définitif n’est communiqué dans le live analysé. Webflow évoque une possible redevance de plateforme et des crédits IA à l’usage. Cette indication ne constitue pas une offre commerciale définitive.
Le nouveau CMS agentique est-il montré dans le live ?
Non. La démonstration de contenus utilise des collections Astro. Le premier CMS agentique de nouvelle génération intégré à Source est présenté comme une prochaine étape de la roadmap du live.
