Quelles solutions de design par IA pour WordPress en 2026 : panorama complet et cas d’usage

WordPress propulse 43,5 % des sites du monde selon les données 2026, et l’IA s’invite désormais à tous les étages du CMS. Le 17 avril 2026, Anthropic a lancé Claude Design ; l’action Figma a chuté de 7 % le même jour. Plus discrètement, Automattic a publié un plugin Claude Cowork qui transforme une conversation en thème block déployé. Côté plugins natifs, Spectra AI affiche 1 million d’installations actives avec des scores PageSpeed de 95 à 100. Entre les agents (Claude Code, Claude Cowork), les surfaces de design (Claude Design, Figma Make), les modèles d’image (ChatGPT Images 2.0, Gemini Nano Banana 2) et les plugins natifs (Elementor AI, Divi AI, Spectra AI), les choix se sont multipliés. Cet article propose un panorama clair et 10 cas d’usage concrets pour piloter un site WordPress par IA.

Temps de lecture : 14 min

Pourquoi WordPress devient le terrain privilégié des IA de design

WordPress n’est pas qu’un CMS de plus. Sa part de marché écrasante, son architecture ouverte et son catalogue de plugins en font le bac à sable idéal pour les agents et les modèles d’image. Cette section pose le contexte avant le détail des outils.

Une part de marché qui change la donne pour les éditeurs d’IA

WordPress propulse 43,5 % des sites mondiaux selon les données Elementor 2026. Aucun autre CMS n’approche ce volume. Pour Anthropic, OpenAI et Google, intégrer leurs modèles à WordPress équivaut à toucher la moitié du web en un seul effort. Le résultat est visible : Automattic publie son plugin Claude Cowork dès février 2026, WordPress Studio devient l’environnement de développement officiel pour Claude Code, et les plugins natifs comme Spectra ajoutent l’IA dans leurs versions Pro.

L’ouverture de l’architecture WordPress accélère cette adoption. Tout est extensible : thèmes, plugins, blocs Gutenberg, hooks, REST API. Un agent IA peut lire le code source d’un site, modifier un fichier et tester immédiatement. WordPress a été conçu pour la modification incrémentale, ce qui correspond exactement à la manière dont les agents travaillent.

Trois familles d’outils convergent sur WordPress

Le marché 2026 regroupe trois familles distinctes. Les agents de code (Claude Code, Cursor, Codex CLI) écrivent les plugins, les thèmes et les blocs custom. Les surfaces de design conversationnelles (Claude Design, Claude Cowork, Figma Make) génèrent des maquettes interactives qu’on exporte ensuite vers WordPress. Les modèles d’image (ChatGPT Images 2.0, Gemini Nano Banana 2, Flux) fournissent visuels d’articles, médias de page et illustrations.

Aucune de ces familles ne couvre l’intégralité du besoin. La force de WordPress est précisément de servir de socle commun : tous ces outils convergent vers une médiathèque, une base de données et une structure de contenu unifiées. C’est ce qui distingue notre approche dans la création de site web automatisée chez HDVMA.

Le tournant des plugins IA natifs en 2026

Les plugins WordPress historiques ont basculé. Spectra AI cumule plus d’1 million d’installations actives et des scores PageSpeed de 95 à 100 selon les tests TheGuideX d’avril 2026. Elementor AI s’appuie sur 17 millions d’installations Elementor pour distribuer ses fonctions de génération de texte, de layout et d’images. Divi AI vise les agences déjà équipées Divi. Brizy AI cible les marketeurs paid traffic. Le marché s’est segmenté par usage et par profil utilisateur.

Qu’apportent Claude Code et WordPress Studio pour les plugins ?

Claude Code est l’agent en ligne de commande d’Anthropic. Couplé à WordPress Studio, l’environnement local gratuit, il devient un duo redoutable pour créer des plugins, des blocs Gutenberg et des thèmes custom sans connaissances PHP avancées.

Le workflow officiel WordPress.com x Claude Code

WordPress.com a publié le 12 février 2026 un guide officiel de création de plugins via Claude Code. La procédure tient en quatre étapes. Première étape : installer Claude Code via le natif installer Anthropic. Deuxième étape : télécharger et installer WordPress Studio sur Mac ou Windows, créer un site local. Troisième étape : ouvrir le terminal dans le dossier racine du site et taper « claude ». Quatrième étape : décrire le plugin voulu en français ou en anglais, valider la création des fichiers et activer le plugin dans le back-office WordPress local.

Le résultat est un plugin avec la structure WordPress correcte, les hooks activés et le code prêt à être étendu. Un développeur indépendant rapporte construire un plugin de notification admin en moins de 5 minutes à partir d’un prompt en langage naturel.

Les Skills Claude Code spécifiques à WordPress

Automattic a publié sur GitHub un dépôt wordpress-agent-skills qui distribue des skills réutilisables pour tous les agents compatibles SKILL.md (Claude Code, Cursor, Codex CLI, Gemini CLI, GitHub Copilot). Les skills couvrent la création de blocs Gutenberg custom, l’écriture de plugins, la conversion de thèmes classic vers block themes et l’optimisation Core Web Vitals.

Cette interopérabilité change la donne pour les agences. Vous écrivez un skill une fois, il fonctionne dans tous les agents de votre équipe. C’est le modèle qu’Anthropic défend depuis le lancement du format SKILL.md, et que Google reprend dans Gemini CLI. Pour aller plus loin, consultez notre guide complet des skills et plugins Claude.

Telex et la génération de blocs Gutenberg

Telex est un outil tiers qui génère des blocs Gutenberg via prompt avec preview live dans WordPress Playground. Vous décrivez un bloc, vous voyez le rendu en temps réel, vous itérez par instructions complémentaires, puis vous téléchargez le bloc comme plugin installable. L’outil est gratuit et ne nécessite aucune configuration locale. Pour des besoins ponctuels (un bloc de témoignage stylé, un encart de prix, un comparatif), Telex évite l’installation d’un éditeur complet comme Elementor ou Divi.

Comment Claude Design et Claude Cowork transforment-ils les thèmes ?

Au-delà du code, Anthropic a déployé deux surfaces de design conversationnelles qui ciblent directement le terrain WordPress : Claude Design pour les maquettes interactives et Claude Cowork pour la génération de sites entiers.

Claude Design : le concurrent direct de Figma

Claude Design a été lancé le 17 avril 2026 sur claude.ai/design. Le jour de l’annonce, l’action Figma a chuté de 7 %. La surface est en research preview pour les abonnés Claude Pro, Max, Team et Enterprise. Elle propose quatre points d’entrée : Prototype, Slide deck, From Template et Other. Le moteur tourne sur Claude Opus 4.7, le modèle vision le plus avancé d’Anthropic à date.

Le différenciateur clé pour WordPress est l’export. Claude Design génère du code réel, pas des images plates. Les exports incluent HTML standalone, un handoff bundle pour Claude Code, PDF, PPTX et Canva. Pour un projet WordPress, on prototype dans Claude Design, on exporte le HTML, on demande à Claude Code de convertir en thème block ou en bloc Gutenberg, on déploie sur WordPress Studio en local, puis on pousse en production. Ce flux complet supprime trois étapes intermédiaires d’un workflow Figma classique.

Le système de Design Systems publié

Claude Design propose un système de Design Systems qu’on configure une fois et qu’on publie pour toute l’organisation. Une fois activé, chaque nouveau projet utilise automatiquement vos tokens (couleurs, typographies, espacements). Cette logique mappe directement sur les global styles de WordPress block themes. Vous décrivez votre brand kit dans Claude Design, vous publiez le système, vous générez ensuite un block theme WordPress qui hérite de ces tokens via theme.json.

Claude Cowork plugin pour WordPress

Le 13 février 2026, Automattic a publié un plugin Claude Cowork qui transforme une conversation en site WordPress complet. La commande /create-site déclenche un agent qui questionne l’utilisateur sur son secteur, ses objectifs et ses contenus, puis génère un block theme avec plusieurs propositions de design. Le site est déployé immédiatement sur WordPress Studio en local. Installation : ouvrir Cowork, menu plugins, « Add to marketplace from GitHub », coller l’URL du dépôt Automattic/wordpress-agent-skills, installer le plugin Create WP Site.

Le déploiement reste local pour l’instant. Une fois le site validé, vous le poussez vers votre hébergement WordPress.com ou Bluehost en quelques clics. Cette logique correspond précisément à notre approche de refonte de site WordPress par IA, où le prompt remplace le brief client classique.

Claude Artifacts pour les composants embeddables

Les Artifacts existaient avant Claude Design. Ils restent utiles pour générer des composants isolés (calculateur, formulaire, tableau interactif) qu’on intègre ensuite dans un article WordPress via iframe ou export HTML. Albato propose une intégration directe qui pousse les Artifacts depuis Claude vers une page WordPress via Google Sheets et n8n.

Évaluez votre maturité IA en 5 minutes avec notre Diagnostic IA gratuit.

Quels usages de ChatGPT et Gemini pour le contenu visuel WordPress ?

Les modèles d’image d’OpenAI et de Google DeepMind couvrent un besoin que ni Claude ni Figma ne traitent : la production massive de visuels d’articles, de bannières et de pages secteur.

ChatGPT Images 2.0 et l’intégration WordPress

Le modèle gpt-image-2, lancé le 21 avril 2026, produit une image 1024×1024 haute qualité pour environ 0,21 dollar via API. Le mode Thinking raisonne avant de générer, ce qui permet des compositions complexes avec texte intégré, schémas et infographies. Pour WordPress, deux intégrations dominent. Première intégration : un workflow n8n qui appelle l’API gpt-image-2 et publie via l’API REST WordPress en automatique. Deuxième intégration : génération manuelle dans ChatGPT, téléchargement, upload dans la médiathèque WordPress.

Attention à la migration DALL-E : OpenAI retire DALL-E 2 et DALL-E 3 le 12 mai 2026. Les plugins WordPress qui utilisent encore les anciens endpoints (certains plugins SEO et générateurs d’images) doivent migrer vers gpt-image-2. Cette transition est l’occasion de revoir vos prompts et vos formats.

Gemini Nano Banana 2 pour la cohérence multi-pages

Nano Banana 2, sorti le 26 février 2026, brille pour la cohérence visuelle à travers une série de pages. Le modèle préserve jusqu’à 5 personnages et 10 objets dans un même workflow, ce qui permet de générer 10 visuels secteur cohérents en une session. La résolution monte jusqu’à 4K, avec 14 ratios d’aspect dont des ultra-larges 4:1 et 8:1 utiles pour les bannières header WordPress.

Le différenciateur de Nano Banana 2 est l’accès web temps réel via Google Search. Le modèle peut référencer un produit, une marque, un événement actuel sans hallucination. Pour un site WordPress qui couvre l’actualité ou des produits récents, cette capacité réduit le travail de relecture humaine. Le tarif est de 3 crédits Gemini par image avec Nano Banana 2, contre 12 crédits avec la version Pro.

Gemini Personal Intelligence pour les sites B2B

Lancé en avril 2026, Gemini Personal Intelligence connecte Nano Banana à Gmail, Google Photos et Google Calendar du dirigeant. Une PME qui demande « génère une bannière pour ma page d’accueil » obtient un visuel utilisant ses photos d’équipe réelles, son logo et son secteur d’activité. Cette personnalisation contextuelle change la manière de produire les pages d’accueil pour les TPE et PME qui n’ont ni studio ni budget agence.

Comment Figma Make s’intègre-t-il dans un workflow WordPress ?

Figma reste le standard de fait pour le design web professionnel. Avec Figma Make, l’éditeur ajoute une couche IA qui génère des prototypes interactifs depuis un prompt. La question pertinente pour WordPress est : comment passer de Figma Make à un thème ou un bloc Gutenberg fonctionnel ?

Make Kits : le pont design system → code

Les Make Kits, lancés en avril 2026, permettent d’injecter votre design system Figma dans Figma Make comme contexte. Le prototype généré respecte alors vos tokens, vos composants et vos contraintes. Pour WordPress, on commence par construire son design system Figma, on l’attache via Make Kit, on génère un prototype Figma Make, puis on exporte le HTML pour conversion en theme.json + part templates Gutenberg.

Le serveur MCP Figma pour Claude Code

Figma maintient un serveur MCP officiel qui apporte le contexte design Figma directement dans les agents de code (VS Code, Cursor, Windsurf, Claude Code). Le workflow type : un designer travaille dans Figma, un développeur ouvre Claude Code, l’agent lit les composants Figma via MCP, génère le code WordPress correspondant. La boucle design-développement passe de plusieurs heures à quelques minutes par composant. Le protocole MCP standardise cet échange entre outils de design et agents de code.

Le cas particulier des thèmes block

WordPress a basculé en 2024 sur l’architecture block theme avec theme.json comme fichier de configuration central. Cette structure mappe naturellement sur les exports Figma : couleurs, typographies, espacements, breakpoints. Un thème block bien construit peut être généré à 80 % depuis un design Figma via Figma Make + Claude Code. Le 20 % restant correspond aux comportements spécifiques (menus dynamiques, query loops, intégration WooCommerce) que l’agent affine en discussion.

Quels cas d’usage concrets pour piloter un WordPress par IA ?

Les outils sont en place. La vraie question est : quoi en faire vraiment sur un site WordPress en production ? Cette section liste 10 cas d’usage testés en 2026, avec le stack recommandé pour chacun.

Cas 1 à 4 : création et refonte de site

Premier cas : refonte d’un site vitrine TPE. Stack : Claude Cowork plugin + Nano Banana 2 pour les visuels secteur. Délai 3 à 5 jours, coût matériel 40 dollars sur un mois. Deuxième cas : création de landing pages produit. Stack : Claude Design (prototype) + export HTML + Spectra AI pour intégration Gutenberg. Troisième cas : refonte d’un site e-commerce WooCommerce. Stack : Figma + Make Kit + Figma Make + Claude Code via MCP Figma + block theme custom. Quatrième cas : création d’un site multilingue. Stack : ChatGPT Images 2.0 (rendu typographique multilingue) + WPML + Claude Code pour automatisation des traductions de contenu.

Cas 5 à 7 : production de contenu et visuels

Cinquième cas : publication automatisée d’articles SEO/GEO. Stack : pipeline n8n + Claude pour la rédaction + gpt-image-2 pour le visuel d’illustration + REST WordPress pour la publication. C’est exactement le pipeline que nous opérons chez HDVMA et qui a permis à BoatCible de gagner 320 % de trafic organique en 18 mois. Sixième cas : visuels cohérents pour 10 pages secteur. Stack : Nano Banana Pro avec design system de marque, génération en série avec cohérence multi-images. Septième cas : animations CSS sur landing pages. Stack : Claude Code + skill frontend-design + intégration dans theme block.

Cas 8 à 10 : plugins, blocs et automatisations

Huitième cas : plugin custom métier (calcul de devis, agenda, comparateur). Stack : Claude Code + WordPress Studio en local, déploiement après tests. Neuvième cas : blocs Gutenberg réutilisables (tableau de prix, témoignage stylé, FAQ structurée). Stack : Telex pour génération rapide, ou Claude Code + skill frontend-design pour design distinctif. Dixième cas : automatisation du back-office (réponse aux commentaires, modération, tagging automatique). Stack : Claude API + plugin custom + workflow n8n. Cette automatisation s’intègre parfaitement à notre approche SEO et GEO automatisée.

Cette approche se combine avec les stratégies détaillées dans nos analyses sur les solutions IA de design web en 2026, la création de site web optimisée pour Google Business Profile et le rôle des skills Claude pour les designers. Ensemble, ces approches forment un système d’acquisition cohérent et résilient.

Questions fréquentes sur le design IA pour WordPress

Quelle est la meilleure solution IA pour designer un site WordPress en 2026 ?

Aucune solution unique ne couvre tous les cas. La meilleure combinaison dépend du profil. Pour une TPE : Claude Cowork plugin + Spectra AI + Nano Banana 2 pour 40 à 60 dollars par mois. Pour un développeur freelance : Claude Code + WordPress Studio + gpt-image-2 pour 70 à 100 dollars. Pour une équipe produit avec design system : Figma + Make Kit + Claude Code via MCP + Nano Banana Pro à partir de 200 dollars par poste mensuel.

Qu’est-ce que Claude Design et comment l’utiliser pour WordPress ?

Claude Design est une surface de design conversationnelle lancée le 17 avril 2026 par Anthropic Labs sur claude.ai/design. Elle propose Prototype, Slide deck, Templates et Other, propulsés par Claude Opus 4.7. Pour WordPress, on prototype dans Claude Design, on exporte en HTML standalone ou en handoff bundle pour Claude Code, qui convertit ensuite en thème block ou en bloc Gutenberg. Disponible aux abonnés Claude Pro, Max, Team et Enterprise.

Comment créer un plugin WordPress avec Claude Code ?

WordPress.com a publié un guide officiel le 12 février 2026. Procédure : installer Claude Code via le natif installer Anthropic, télécharger WordPress Studio (gratuit, Mac et Windows), créer un site local, ouvrir le terminal dans le dossier racine, taper « claude ». Décrire ensuite le plugin voulu en langage naturel. Claude crée la structure, les fichiers et les hooks. Activation dans le back-office WordPress local pour test. Délai typique : 3 à 10 minutes pour un plugin simple.

Le plugin Claude Cowork est-il disponible pour mon WordPress ?

Oui. Automattic a publié le plugin Claude Cowork le 13 février 2026. Installation : ouvrir Claude Cowork, menu plugins, « Add to marketplace from GitHub », coller l’URL du dépôt Automattic/wordpress-agent-skills, installer Create WP Site. La commande /create-site lance un agent qui questionne sur votre secteur et vos objectifs, puis génère un block theme complet déployé sur WordPress Studio en local. Statut : developer preview, en évolution rapide.

Quelle différence entre Spectra AI, Elementor AI et Divi AI ?

Spectra AI étend le block editor Gutenberg natif et privilégie la performance, avec des scores PageSpeed de 95 à 100 et 1 million d’installations actives. Elementor AI ajoute la génération de texte, de layout et d’images dans son éditeur visuel propriétaire (17 millions d’installations). Divi AI cible les agences déjà équipées Divi avec génération contextuelle de contenu et code CSS. Spectra pour la performance, Elementor pour la flexibilité visuelle, Divi pour les agences Divi.

Comment intégrer Figma Make dans un workflow WordPress ?

Trois étapes. Première : construire votre design system dans Figma classique. Deuxième : attacher ce système à Figma Make via les Make Kits, lancés en avril 2026, pour que les prototypes respectent vos tokens. Troisième : exporter le HTML du prototype Figma Make, ou utiliser le serveur MCP Figma pour que Claude Code génère le block theme WordPress avec theme.json correspondant. Délai typique : 3 à 5 jours pour un thème complet versus 3 à 6 semaines en classique.

ChatGPT Images 2.0 fonctionne-t-il avec les plugins WordPress ?

Oui via API. Le modèle gpt-image-2, lancé le 21 avril 2026, est accessible via l’API OpenAI. Les workflows dominants connectent gpt-image-2 à WordPress via n8n (envoi du prompt, récupération de l’image, upload via API REST WordPress vers la médiathèque). Coût : environ 0,21 dollar par image 1024×1024 haute qualité. Attention : DALL-E 2 et DALL-E 3 sont retirés le 12 mai 2026, les anciens plugins doivent migrer vers gpt-image-2 sous peine de panne.

Le serveur MCP Figma fonctionne-t-il avec Claude Code pour WordPress ?

Oui. Figma maintient un serveur MCP officiel qui injecte le contexte design Figma dans les agents de code compatibles (VS Code, Cursor, Windsurf, Claude Code). Workflow type : un designer travaille dans Figma, un développeur ouvre Claude Code, l’agent lit les composants Figma via MCP et génère le code WordPress correspondant (block theme, plugin, bloc Gutenberg). Cette boucle réduit la phase design-développement de plusieurs heures à quelques minutes par composant.

Telex permet-il de remplacer Elementor pour les blocs Gutenberg ?

Telex est complémentaire plus que substituable. C’est un outil tiers gratuit qui génère des blocs Gutenberg via prompt avec preview live dans WordPress Playground. Vous itérez par instructions, téléchargez le bloc comme plugin installable. Idéal pour des besoins ponctuels (témoignage stylé, encart prix, comparatif). Pour un site complet avec drag-and-drop visuel, Elementor reste plus complet. Pour un site avec performance prioritaire, Spectra reste meilleur. Telex se positionne entre les deux.

Quels sont les risques de générer un site WordPress entièrement par IA ?

Trois risques principaux. Premier : qualité du code généré, parfois incomplet ou non conforme aux standards WordPress. Tester systématiquement en environnement local. Deuxième : dépendance à un éditeur ou plugin spécifique qui peut disparaître ou monter ses tarifs. Privilégier les outils basés sur des standards ouverts comme block themes et theme.json. Troisième : SEO et performance non contrôlés, certains builders ajoutent du code lourd. Auditer les Core Web Vitals après génération et optimiser si nécessaire.

Diag IA gratuit
Nous contacter
Parler à Eric