La pile de conception IA vient de se scinder : Claude Design, Codex Sites, Figma, Lovart et la salle de contrôle MCPlato
Une analyse approfondie pour 2026 de Claude Design, Sites in Codex, Figma, Lovart et MCPlato, et pourquoi la conception IA appartient désormais à une pile d’expérience web plutôt qu’à une catégorie où un seul gagnant rafle tout.
Publié le 2026-06-05
La mauvaise question en 2026 est « quel est le meilleur outil de conception IA ? »
La question plus juste est : quel travail voulez-vous confier à l’IA ? Un fondateur a besoin d’un concept de landing page ; une équipe produit a besoin d’une expérience web responsive ; un ingénieur a besoin d’une demo hébergée ; la croissance a besoin de visuels de campagne. La « conception IA » s’est scindée en exploration visuelle, création web hébergée, gouvernance de système de design, création marketing et coordination en salle de contrôle.
C’est pourquoi Claude Design, Sites in Codex, Figma, Lovart et MCPlato appartiennent à une pile, pas à une seule échelle de classement.
Hero éditorial premium montrant une expérience web responsive abstraite émergeant d’un espace de travail en studio
Figure 1 : La conception IA devient une pile d’expérience web, pas une toile universelle.
Vérification des noms : Claude Design est réel ; Codex Sites est un raccourci
Anthropic a lancé Claude Design le 17 avril 2026 comme Anthropic Labs research preview.1 Il peut créer des designs, des prototypes interactifs, des one-pagers visuels, des supports marketing et de premiers concepts de landing page par conversation et raffinement direct.1 C’est donc une vraie direction produit 2026, mais toujours un preview, pas un remplacement de la gouvernance design professionnelle.
Codex Sites est un raccourci utile, mais le nom officiel est Sites ou the Sites plugin inside Codex. La page développeurs d’OpenAI s’intitule « Sites – Codex » et définit la fonctionnalité comme une manière de « build and deploy hosted sites » depuis Codex avec le Sites plugin.2 Sites permet à Codex de créer, sauvegarder, déployer et inspecter des sites web, web apps et jeux hébergés par OpenAI.2
La frontière compte. Sites est en preview, disponible pour les workspaces ChatGPT Business et Enterprise, avec Business activé par défaut et Enterprise contrôlé par RBAC administrateur.2 Sa sortie doit être constituée d’ES modules compatibles Cloudflare Worker, et chaque Sites deployment URL est un déploiement de production.2 Traitez-le comme un workflow d’expérience web hébergée, pas comme un design de production final.
Analyse produit par produit
Claude Design est le point de départ le plus fort quand l’expérience reste vague. Il peut aider une équipe à explorer le ressenti potentiel d’une homepage, d’un onboarding flow, d’un récit produit ou d’un prototype avant de s’engager dans un système de design. Son avantage est la vitesse et le raffinement conversationnel. Sa limite est l’autorité : il peut suggérer du goût, mais une équipe a toujours besoin de contrôles d’accessibilité, de jugement de marque et de ownership en aval.
Sites in Codex est le plus convaincant lorsque l’artefact souhaité est une véritable surface web hébergée : landing page, outil interne, dashboard, demo interactive, petite web app ou jeu. Il convient aux équipes qui ont déjà des exigences structurées, un contexte de code ou un projet existant à exposer comme expérience web révisable. La web development use-case collection d’OpenAI renforce le rôle de Codex dans le travail web, tandis que le Codex changelog est mieux adapté pour suivre les évolutions de la plateforme dans le temps.34 Sa faiblesse est qu’une URL de production peut créer une fausse impression d’achèvement. Le déploiement n’est pas une approbation de marque, juridique, performance ou sécurité.
Figma reste la source de vérité professionnelle pour le design produit et web. Figma Sites donne aux équipes de design un chemin de création orienté web, tandis que Figma Make ajoute des workflows prompt-to-app avec chat, pièces jointes, point-and-edit, contexte de style, éditeur de code et publishing beta.56 Figma Design AI couvre la recherche d’assets, le remplacement de contenu, les interactions, le renommage de calques, les opérations de texte, les outils d’image, la vectorisation et First Draft ; l’AI agent de Figma a commencé un déploiement beta limité le 20 mai 2026.78 La pile web dépend toujours de la discipline du système de design.9
Lovart se comprend mieux comme un agent visuel créatif et marketing. Sa page officielle met en avant des pipelines en langage naturel, une toile unifiée, la génération d’images et de vidéos, l’édition au niveau des calques, la génération par lots et les exports PNG/SVG.10 Cela le rend utile pour les univers de campagne, moodboards, directions de hero image, concepts de photo produit et variantes de lancement. Ce n’est pas le meilleur endroit pour gouverner un système de design responsive ou inspecter un site hébergé.
MCPlato correspond à la couche salle de contrôle. Ce n’est pas une toile de design professionnelle, une plateforme de site hébergé ni un studio spécialisé d’images marketing. Il est utile quand le projet de site dépend de recherche, matériaux sources, tâches longues, validations, sessions, discipline d’artefacts et handoff. Le positionnement public de MCPlato autour du travail d’IA bureautique observable en fait un workspace pour coordonner le travail autour de Claude Design, Codex, Figma et Lovart, pas un remplacement de ces outils.11
Tableau comparatif : ce que chaque outil devrait posséder
| Produit / workflow | Tâche principale à accomplir | Excellent pour | Faible pour | Meilleures entrées | Sortie / artefact | Meilleur utilisateur | Pas idéal pour | Rôle recommandé dans la pile |
|---|---|---|---|---|---|---|---|---|
| Claude Design | Exploration visuelle conversationnelle | Concepts, prototypes, directions de landing page, one-pagers | Autorité finale du système de design | Briefs, idées produit, styles de référence, feedback direct | Concepts visuels, prototypes, mises en page d’expérience brouillon | Fondateurs, PMs, designers explorant une direction | Design de production au pixel près | Couche d’idéation d’expérience |
| Sites in Codex | Création d’expérience web hébergée | Sites web, web apps, jeux, dashboards, outils internes, demos | Goût visuel, gouvernance, discipline de revue | Exigences, contexte de code/projet, contraintes, critères de revue | Site web hébergé, web app, outil interne, dashboard, landing page, demo interactive | Ingénieurs, opérateurs techniques, équipes produit | Lancements non revus ou nouvelle identité de marque | Couche prototype hébergé et exécution web |
| Figma | Source de vérité du design professionnel | Systèmes de design, collaboration, design web responsive, assets gouvernés | Remplacer le jugement de design humain | Composants, styles, exigences produit, bibliothèques d’équipe | Fichiers design, prototypes, sites, assets de marque | Équipes design et produit | Orchestration de recherche non structurée | Couche design du système de référence |
| Lovart | Exploration créative marketing | Moodboards, visuels de campagne, directions de marque, création par lots | Gouvernance de système de design, inspection de site | Prompts de marque, objectifs de campagne, références visuelles | Images, vidéos, assets créatifs en calques, exports | Marketers, créateurs, équipes de marque | Source de vérité pour UI produit | Couche d’exploration créative |
| MCPlato | Coordination observable du travail entre matériaux | Recherche, validations, sessions, artefacts, tâches asynchrones, handoff | Toile de design spécialisée ou web runtime hébergé | Sources, matériaux locaux, plans de tâches, validations, briefs | Rapports, plans, traces de tâches, livrables | Opérateurs, chercheurs, PMs, équipes gérant le travail | Remplacer Figma, Codex, Lovart ou les designers | Couche salle de contrôle |
Coupe architecturale premium semi-3D d’un workflow d’expérience web assisté par IA
Figure 2 : La pile sépare exploration, design gouverné, exécution hébergée, assets créatifs et coordination.
Matrice de recommandation par scénario
| Scénario | Recommandation principale | Outils secondaires | Pourquoi |
|---|---|---|---|
| Direction visuelle de landing page | Claude Design | Lovart, Figma | Claude Design accélère l’exploration initiale ; Lovart élargit les directions d’ambiance et de campagne. |
| Design de site responsive | Figma | Claude Design, MCPlato | Figma devrait posséder composants, comportement responsive, collaboration et décisions révisables. |
| Prototype prompt-to-web app | Sites in Codex | Figma Make, MCPlato | Sites in Codex convient aux web apps ou demos hébergées issues d’un contexte technique. |
| Dashboard/outil interne | Sites in Codex | Figma, MCPlato | Codex peut produire une surface technique hébergée ; Figma gouverne les motifs UX et MCPlato coordonne les exigences. |
| Assets de campagne marketing | Lovart | Figma Buzz, Claude Design | Lovart convient mieux à la variété créative, aux moodboards et aux visuels de lancement ; Figma Buzz aide les assets en masse. |
| Recherche entre matériaux avant construction du site | MCPlato | Claude Design, Figma | MCPlato est le centre de collecte de sources, notes, validations et handoff. |
| Projet existant vers demo hébergée | Sites in Codex | MCPlato | Codex Sites peut transformer un travail web compatible en déploiement hébergé ; MCPlato suit les réserves. |
| Expérience web gouvernée par système de design | Figma | Sites in Codex | Figma possède le système de référence ; Codex peut exposer une implémentation compatible pour revue. |
| Coordination de projet de site longue durée | MCPlato | Figma, Sites in Codex, Lovart | Le travail de site en plusieurs étapes exige recherche, décisions, assets, notes de déploiement et validations visibles. |
Ce que les équipes devraient éviter
Premièrement, ne traitez pas une URL hébergée comme une approbation finale. La documentation Sites d’OpenAI indique explicitement que chaque deployment URL est un déploiement de production.2 Une demo fonctionnelle a encore besoin d’une revue des sources, d’une revue d’accessibilité, d’une revue de marque, d’une revue de sécurité et d’une validation des parties prenantes.
Deuxièmement, ne laissez pas le raccourci brouiller la ownership. « Codex Sites » est un titre pratique, mais la fonctionnalité officielle est Sites inside Codex. Figma devrait posséder les systèmes de design gouvernés. Lovart ne devrait pas devenir la source de vérité pour l’UI produit. Claude Design ne devrait pas être traité comme un design de production terminé. MCPlato devrait coordonner matériaux et décisions, sans prétendre être une toile de design ou une couche d’hébergement.
Photographie produit éditoriale haut de gamme comparant une toile de design, un objet web hébergé, un studio créatif et un bureau de coordination
Figure 3 : Le travail web est plus sûr quand les surfaces de création, design, déploiement et coordination restent distinctes.
Conclusion : le workflow gagnant est une pile
La pile de conception IA de 2026 ne se réduit pas à un seul gagnant. Elle se spécialise. Claude Design explore l’expérience et la direction visuelle. Figma gouverne les systèmes de design et la collaboration responsive. Lovart crée des visuels de campagne et des variantes d’univers de marque. Sites in Codex transforme les idées et projets adaptés en expériences web hébergées. MCPlato garde observables recherche, matériaux sources, validations, itérations et handoff.
Les meilleures équipes attribueront la responsabilité : explorer dans Claude Design, gouverner dans Figma, générer les assets de campagne dans Lovart, transformer les projets adaptés en demos hébergées avec Sites in Codex, et coordonner le travail long là où preuves et décisions restent visibles.