Webflow x Claude : le récap complet de notre live

Introduction

En tant qu’agence web, le no-code a été une petite révolution qui nous a permis de produire  visuellement sans avoir besoin d’apprendre à coder. Et aujourd’hui L’IA est la suite logique de cette dynamique. 

👉On ne produit déjà plus pareil, et l’argument marketing du “drag-and-drop” a été remplacé mondialement par le “prompt based development.”

Mais entre ce qu’on voit sur les réseaux, et la réalité, il y a parfois un gap. Alors l’objectif de ce live c’était de vous montrer comment (à date, et j'insiste sur à date, car ça pourrait très vite changer) chez Digidop on utilise Claude avec Webflow pour produire plus vite et mieux.

 ⚠️ Disclaimer : ce contenu sera probablement obsolète dans 6 mois, car Webflow et les modèles vont évoluer

Webflow en 2026, lucidité et opportunité

Commençons avec un état des lieux, et une vérité importante à considérer: Webflow n’a pas été “historiquement” pensé comme un outil "IA natif". Mais pour autant, la plateforme a ses armes pour rester pertinente en 2026. 

❌ Vérité

• pas AI-native
• build from scratch sur Webflow n’est plus toujours l’option la plus rapide du marché
• Et il est plus compliqué pour un client de créer sur Webflow, que via prompt sur un LLM.

✅ Mais Webflow a toujours ses forces

• Plateforme all-in-one (build / manage CMS / grow)
• Hosting et sécurité au niveau Enterprise
• Localization native
• Et offre la capacité de finir les détails dans une interface visuelle. (Assez compliqué en prompt)

Car en création, l’IA est excellente pour la première impulsion, mais beaucoup moins efficace quand il faut finir.

Alors aujourd’hui, Webflow "seul" vaut peut-être un 7/10.

Mais avec l’IA qui s’intègre de plus en plus nativement, et le MCP Bridge App pour y connecter Claude, certaines tâches passent de 2h à 20 min.

Et résultat, avec Webflow + Claude, on est plus proche à notre avis d’un 9/10.

Webflow x Claude

Pour l’illustrer, lors de ce live nous avons présenté plusieurs démos de notre utilisation à date. 

En commençant par ce qui fonctionne déjà très bien : Claude comme Assistant.

Use Case #1 : Claude comme Assistant (déjà efficace à 100% aujourd’hui)

Intégré via le MCP, ou même directement depuis votre interface. Claude peut vous aider dans :

Context + Audit

• Comprendre le build
• Audit SEO
• bugs (analyse → correction)

Injection de Code

• animations
• logique custom (exemple parcours)
• calculateurs

Puis son utilisation pour gérer de la data.

Use Case #2 — The Data API (content, CMS, SEO)

Pareil, fonctionne déjà très bien. 

The Data API (content, CMS, SEO)

• création collections (relations entre éléments + structuration scalable)
• Optimisation des title et meta tags SEO
• Injection de contenus dans le CMS et sur Page
• traduction de contenus

Et enfin les plus et les moins de construire complètement avec.

Use Case #3 — Build avec Claude (The Designer API)

Il existe pour nous deux méthodes à date pour construire avec Claude et Webflow le plus proprement possible.

1. MCP avec beaucoup de cadre

Encore très exploratoire, on a déjà conduit cette logique sur un projet pilote complet.
Avec des résultats super encourageants, mais nous n’y sommes pas encore à 100%.

Vérité

• Webflow n’est pas un outil pensé pour ça initialement
• Résultats variables (logiques parfois discutables)
• Limitations de l’API Webflow
• Certains éléments (tabs, Collection List) doivent être ajoutés manuellement au départ
• Beaucoup de difficultés à travailler avec les composants
• Utilisation importante de custom properties

Ce qui marche plutôt bien

• Création du first draft / structure de page une fois le design system bien setup et Claude cadré
• Construction de nouvelles sections depuis un design system solide
• 2 à 3 itérations sur le first draft (screenshot → Figma MCP → contexte)

Ce qui ne marche pas bien

• Pas de système optimisé à l’échelle (sur-utilisation des classes CSS)
• Besoin de finir 20 à 40% du travail à la main pour éviter des dizaines d’allers-retours
• Dépend fortement de la complexité du design (la maquette doit être nickel)
• CMS-first nécessite encore une action humaine (limites API)
• Attention quand Claude pousse du code en dur → non éditable

👉 60–80% peut être automatisé avec une expertise humaine pour driver.
Le reste reste du travail développeur, surtout sur des projets premium.
Ça dépend évidemment du niveau d’exigence.

2. HTML to Webflow (T. Ricks)

Peut contourner certaines limites :

• Éviter les timeouts à répétition
• Économiser des tokens
• Être plus précis sur le suivi des skills

Voir le replay dans le live pour la démo.

Nos conseils

Si vous voulez utiliser Claude x Webflow :

1. Toujours un cadre

• Design system (variables, framework, contexte)
• Connexion Figma MCP
• Screenshots comparatifs

2. Claude = copilote

• Pas encore en autopilot
• Supervision et QA obligatoires

3. Itérer

• Premier jet → améliorer

Aujourd’hui

Ce qui fonctionne vraiment bien

• Assistants
• API Data CMS 

Ce qui ne fonctionne pas encore

• Pixel perfect de A à Z
• Cohérence sur des gros projets
• Timeouts
• MCP limité à un projet / workspace (update nécessaire si nouveau site)
• Limite API Designer

Le futur 

Webflow va vers du “AI-first”, c’est inévitable.

C’est la direction que prennent tous les SaaS aujourd’hui, avec par exemple :

• La montée du headless + agents (ex : Salesforce)
• L’ouverture des API aux IA (ex : Adobe avec Claude)

Pour les agences (et peut-être même pour Webflow), on va aussi voir disparaître certains use cases simples (comme la création de landing pages), désormais occupés par des outils AI-native ou directement par des solutions comme Claude Code.

Mais Webflow reste très fort sur :

• La personnalisation +++ (design et parcours)
• Le all-in-one
• La performance et la gouvernance
• Le scale
• La localisation native

Conclusion

Si vous êtes un bon builder AI / Webflow, l’IA peut aujourd’hui accélérer votre production de 30 à 60%, selon le projet. Et surtout, certaines limites n’existent plus : intégrations complexes, animations, etc. sont désormais accessibles à “n’importe qui”.

Mais l’effet principal à suivre, c’est le comportement des clients.

La plupart travaillent de plus en plus avec l’IA et veulent construire directement avec.

Première observation :
Ils passent par Claude pour produire, puis intègrent eux-mêmes → perte de revenu pour les agences orientées production.

Deuxième point :
Ils recherchent plus de flexibilité pour builder avec l’IA directement dans les outils. Webflow pousse dans cette direction.

Ce que ça change potentiellement pour les agences demain

Pas encore une disruption totale, mais clairement un impact fort sur l’organisation interne et la roadmap produit de Webflow.

Webflow garde de solides arguments sur le haut de gamme, notamment parce que finaliser les détails et scaler avec l’IA reste complexe, mais en interne on s’attend à :

• moins de production et de besoins d’expertise verticale
• plus de pilotage avec un rôle architectural et stratégie
• Moins de petits projets (ICP founder, small business)

Et la réalité, c’est qu’on n’est déjà plus si loin.

Ouverture : comment l’IA changera peut-être les agences

L’IA ne fait pas qu’accélérer la production.
Elle cherche surtout à lisser les barrières techniques entre marketing, design et développement.

Ce qui nécessitait hier plusieurs expertises devient progressivement accessible via une seule interface : le prompt.

Comme le no-code et les SaaS ont déjà simplifié la complexité technique, l’IA pousse encore plus loin cette logique.

Avant

👉 Designer + Dev + PM + SEO

Demain

👉 1 profil + IA

Et la vraie question pour une agence :est-ce que ce profil ne sera pas directement le client, fondateur ou équipe marketing ?

Ressources supplémentaires

• Pourquoi la révolution de l'IA ne ralentira pas (article Digidop)
• Rediffusion du live Webflow x Claude
• Skills Webflow (GitHub)
• HTML to Webflow (boîte à outils Moden)