Générateur de conception web IA

Mobirise AI est un générateur de conception web IA : il transforme une phrase, un croquis au crayon ou une capture d'écran de page en quatre designs de site web, chacun avec sa propre mise en page, ses polices, ses couleurs, ses images et ses textes. Choisissez-en un, affinez-le dans le chat ou avec l'éditeur, puis mettez-le en ligne sous la forme d'un site responsive qui fonctionne.

Gratuit : 3 générations IA par mois. Vous préférez travailler hors ligne ? Télécharger l'application

Site portfolio de designer créé avec Mobirise (thème FluxM5), vue ordinateur

Site web d'un studio de produits numériques créé avec Mobirise (thème ImpactM5), vue ordinateur

Site web de galerie photo créé avec Mobirise (thème ReflectionM5), vue ordinateur

Mis à jour en octobre 2026 · par l'équipe Mobirise

Mobirise AI comme outil de conception, en bref

La conception web par IA consiste à confier les premières décisions de design à un modèle. À partir d'un brief, il choisit la mise en page, l'association de polices, les couleurs, les images et un texte provisoire, puis une personne affine le résultat. Certains outils s'arrêtent à une maquette ; Mobirise AI va jusqu'à un site fonctionnel que vous pouvez modifier.

En une ligne: Le générateur intégré au créateur de site web Mobirise. Il conçoit une page ou un site entier sous forme de blocs Bootstrap 5 fonctionnels, pas d'une image à plat.
Designs par prompt: Quatre, chacun avec sa propre mise en page, ses textes et ses images. Ils sont générés pour ce site, pas choisis parmi des modèles, donc il n'y en a pas deux identiques.
Entrées acceptées: Une ou deux phrases dans n'importe quelle langue, un dessin sur papier ou sur un tableau blanc, ou une capture d'écran d'une page existante.
Modifier le résultat: Saisissez la modification souhaitée dans le chat, ou travaillez à la main avec les paramètres des blocs, le Style Editor et ses polices supplémentaires, et le Code Editor (HTML et CSS, plans payants).
Navigateur et bureau: La génération se fait en ligne, dans n'importe quel navigateur, y compris sur téléphone. La fonction Import by Link transfère le site dans l'application de bureau, version 6.1.12, où vous continuez la modification hors ligne.
Quota gratuit: 3 générations IA par mois et jusqu'à 3 sites en ligne sur un sous-domaine de mobirisesite.com, avec la mention Mobirise. L'application de bureau est gratuite elle aussi.
Plans IA payants: BASE à 199 $ par an donne 100 générations par mois, des designs IA premium et des domaines personnalisés ; GROW à 249 $ par an porte ce nombre à 1 000. Les quotas se renouvellent chaque mois.
Moins adapté pour: Les projets dont le livrable doit être un fichier Figma, les mises en page libres au pixel près, une mise en page distincte pour téléphone, ou la refonte d'un site créé avec un autre outil.

Outils IA de design seul ou IA qui construit le site

Cherchez un designer web IA et vous tomberez sur deux types de produits qui se ressemblent dans les démos mais livrent des choses différentes. L'un vous donne des images et des fichiers à partir desquels quelqu'un d'autre construira le site ; l'autre vous donne des pages qui fonctionnent déjà.

Design seul : wireframes, maquettes, fichiers Figma

Relume et Uizard en sont des exemples. Ils génèrent des arborescences, des wireframes, des guides de style ou des écrans d'application : autant de plans d'un site qui sera construit plus tard dans Figma, Webflow ou l'éditeur d'un développeur. Choisissez cette voie quand une autre équipe construit le site, quand un client doit d'abord valider les écrans, ou quand un même design sert une application et un site web.

Un design qui est déjà un site web

Mobirise, 8B AI et Framer entrent dans cette catégorie. Le design arrive sous forme de vraies pages avec du code responsive en dessous : pas de passation, vous corrigez les textes, remplacez les photos et publiez. Choisissez cette voie quand c'est vous qui mettez le site en ligne.

Générer un design

Entre les deux se trouvent des générateurs de code comme v0, qui écrivent des composants React pour des développeurs qui restent dans ce code. Google Stitch, une expérimentation de Google Labs lancée en mai 2025, transforme des prompts et des images en designs d'interface avec du code front-end et une option de collage vers Figma. Pour la génération de sites entiers en général, lisez notre guide du générateur de site web IA.

Quel outil de design IA choisir, selon la tâche

Aucune IA de conception web ne l'emporte à chaque étape d'un projet. Ces recommandations sont sincères, et plusieurs vous éloignent de Mobirise.

Un site terminé que vous pouvez publier ou transférer chez n'importe quel hébergeur: Mobirise : quatre designs par prompt, des modifications par chat ou à la main, et une application de bureau gratuite qui enregistre le HTML pour n'importe quel serveur.
Arborescences et wireframes pour une équipe Figma ou Webflow: Relume, qui envoie sa structure vers Figma avec le plan gratuit et vers Webflow ou React avec les plans payants.
Écrans d'application et prototypes cliquables: Uizard, qui peut aussi transformer des wireframes dessinés à la main et des captures d'écran en maquettes modifiables.
Essayer un design IA avant de payer: 8B AI, où la conception est gratuite et où la publication nécessite son plan Pro.
Mise en page et animations réglées à la main sur un site hébergé: Framer, dont le canvas permet de définir vous-même les points de rupture, les composants et les effets.
Une base de code React pour les développeurs: v0, qui écrit du Next.js avec Tailwind CSS et déploie sur Vercel.
Des idées d'interface à coller dans Figma: Google Stitch, l'expérimentation de Google Labs.
Une identité de marque ou un site avec direction artistique: Un designer humain. Les générateurs s'appuient sur des schémas courants, et une marque distinctive demande des décisions qu'ils ne peuvent pas prendre à votre place.

Ce qu'un générateur de conception web IA décide à votre place

Un design généré regroupe six choix. Les distinguer montre ce qui a sa place dans le prompt et ce qui se corrige plus vite dans l'éditeur.

Mise en page et ordre des sections

L'IA choisit les sections et leur enchaînement : bannière d'accueil, services, preuves, tarifs, contact. Dans Mobirise, vous faites glisser les blocs pour changer leur ordre, supprimez ceux en trop, en dupliquez un avec Clone Block, ou demandez une nouvelle section au chat.

Association de polices

Elle choisit une police de titre, une police de texte et les écarts de taille entre elles. Changez l'une ou l'autre dans le Style Editor, qui propose des polices supplémentaires, et choisissez une balise H pour chaque titre afin de garder un plan logique.

Palette de couleurs

Elle retient une couleur principale, une couleur d'accent et les arrière-plans. Si la palette ne convient pas, nommez dans le chat les couleurs voulues, par exemple un vert profond sur blanc cassé, ou redéfinissez l'arrière-plan d'un bloc dans ses paramètres.

Images

Elle fournit des images adaptées au sujet. Cliquez sur n'importe quelle image et importez votre propre photo à la place ; Mobirise convertit tout seul les fichiers importés en WebP, un format généralement plus léger que JPEG ou PNG.

Rythme des espacements

Elle décide de la place laissée à l'intérieur des sections et entre elles. Les espacements se règlent dans le panneau des paramètres de chaque bloc : vous pouvez ainsi resserrer une longue page de vente ou aérer un portfolio.

Ton des textes

Elle rédige les titres et les paragraphes dans le ton que suggère votre prompt. Indiquez le ton dès le départ, puis modifiez le texte directement : l'IA ne peut pas connaître vos tarifs, vos horaires ni les noms de vos clients.

Edit Block with AI retravaille une section et Generate Block with AI en ajoute une nouvelle, ce qui évite de refaire toute la page ; les deux sont inclus avec BASE et GROW.

Trois façons de décrire votre projet au générateur : des mots, un croquis, une capture d'écran

Les mots sont le départ le plus rapide : une ou deux phrases sur l'activité, dans la langue de votre choix. L'IA choisit ensuite la structure.

Un croquis aide quand vous connaissez déjà la forme de la page. Des cadres sur papier pour un en-tête, une grande image d'ouverture, trois cartes de services et un formulaire décrivent la structure plus précisément qu'un paragraphe.

Une capture d'écran convient à une refonte. Mobirise n'a pas d'outil d'import pour les sites créés ailleurs : capturez donc les anciennes pages et laissez le générateur les reconstruire sous forme de blocs modifiables. Quel que soit le point de départ, vous comparez quatre ébauches, et Regenerate en apporte d'autres sans dépenser de génération.

Nommez le public et l'action. « Dentiste de famille à Leeds, les nouveaux patients réservent en ligne » en dit bien plus que « site web de dentiste ».
Listez les sections dont vous avez besoin. Un générateur suit généralement plus fidèlement une liste courte qu'une longue description.
Étiquetez chaque cadre d'un croquis. Écrivez « galerie » ou « liste de prix » à l'intérieur et photographiez la feuille bien de face, avec une bonne lumière.
Utilisez des références que vous avez le droit d'utiliser. Votre ancien site convient ; le design d'une autre entreprise ne sert que d'inspiration.
Vérifiez chaque information rédigée par l'IA. Les générateurs comblent les vides avec des détails plausibles : saisissez donc vos vrais tarifs, adresses et noms.

Comparaison de Mobirise avec Relume, Uizard, 8B AI, Framer et v0

Parmi ces outils, l'un fournit un site, un autre un fichier de design, un troisième du code source. Les lignes où un concurrent est plus fort sont incluses.

Mobirise AI comparé à Relume, Uizard, 8B AI, Framer et v0 en tant qu'outils de conception web IA
	Mobirise	Relume	Uizard	8B AI	Framer	v0
Idéal pour	Un site responsive terminé à publier, exporter ou héberger où vous voulez	Arborescences, wireframes et guides de style pour des projets Figma ou Webflow	Maquettes d'applications et de sites web, prototypes cliquables	Juger gratuitement un design IA complet ; vous payez au moment de publier	Design et animations réglés à la main sur l'hébergement Framer	Développeurs qui veulent du code React et Next.js
Ce qu'il produit	Un site web fonctionnel construit à partir de blocs Bootstrap 5	Un brief, une arborescence, des wireframes, un guide de style et des designs	Écrans d'interface, wireframes et prototypes	Un design complet avec son vrai HTML et CSS	Des pages, sections, textes et visuels modifiables dans un projet Framer	Du code Next.js et React avec Tailwind CSS et shadcn/ui
Entrées acceptées	Un prompt dans n'importe quelle langue, un croquis sur papier ou une capture d'écran de page	Un prompt texte	Du texte, des captures d'écran ou des wireframes dessinés à la main	Une phrase	Un prompt texte dans le chat	Du texte, des captures d'écran et des fichiers ; des liens Figma avec les plans payants
Designs par prompt	Quatre ; Regenerate en ajoute sans consommer de génération	Non communiqué	Non communiqué	Non communiqué	Non communiqué	Non communiqué
Modification visuelle ensuite	Par chat ou dans l'éditeur de blocs ; reposant sur des blocs, sans mise en page distincte pour téléphone	Dans Relume, puis dans Figma ou Webflow après l'export	Les maquettes restent modifiables dans Uizard	Plan gratuit : restyler le design. Pro : le modifier en discutant avec l'IA	Un canvas avec points de rupture, composants et effets	Le mode Design réécrit les ajustements visuels dans le code
Récupérer le code	L'application de bureau enregistre le HTML, le CSS et le JS avec tous les plans ; le créateur en ligne exporte avec BASE et GROW	Figma avec le plan gratuit ; Webflow, React ou HTML simple à partir de Starter	Images et PDF ; transfert React et CSS pour les développeurs à partir de Pro	Avec Pro, un export HTML complet	Non proposé ; le centre d'aide de Framer l'indique sans détour	Oui, téléchargez le code ou synchronisez-le avec GitHub
Publier un site en ligne	Une adresse mobirisesite.com gratuite, votre domaine avec BASE ou GROW, ou l'hébergeur de votre choix, vers lequel vous envoyez le site depuis l'application de bureau	Une adresse relume.live avec un badge Relume ; des domaines personnalisés avec l'hébergement payant	Partage et intègre des prototypes par lien ; aucun hébergement de site web mentionné	Avec Pro : hébergement, SSL et domaine personnalisé	Uniquement l'hébergement Framer : un domaine Framer gratuit, votre propre domaine avec les plans payants	Déploie sur Vercel, y compris avec le plan gratuit
Offre gratuite	3 générations IA par mois ; 3 sites en ligne avec la mention Mobirise	Utilisation limitée de l'IA, décrite comme suffisante pour un site complet par mois	3 générations IA par mois, 2 projets de 5 écrans maximum	Conception uniquement, sans publication	500 crédits IA pour essayer ; destinée à un usage non commercial	7 messages par jour
Plan payant le moins cher	BASE : 199 $ par an, soit environ 16,60 $ par mois, avec 100 générations par mois ; KIT à 149 $ par an n'a pas de plan IA	Pro à partir de 14 $ par mois ; export Webflow et React à partir de 18 $ par mois (Starter) ; mode de facturation non précisé	Pro, 12 $ par mois facturés annuellement, 500 générations par mois	Pro : 9 $ par mois facturés annuellement, avec 100 crédits par mois (un nouveau site en consomme environ 2)	Basic, 10 $ par mois avec facturation annuelle, 1 000 crédits IA par mois	Plus, 30 $ par utilisateur et par mois, avec 30 $ de crédits inclus

Sources : les pages de tarifs et d'aide de chaque fournisseur, consultées le 13 octobre 2026 ; prix en dollars américains, avec la facturation telle que chaque page l'indique (celle de Relume ne précise pas si ses prix « à partir de » sont mensuels ou annuels). « Non communiqué » signale les chiffres qu'un fournisseur ne divulgue pas. Les prix et les quotas d'IA changent souvent : vérifiez avant d'acheter.

Le flux de travail d'un designer avec un générateur IA

Le générateur couvre la première heure de travail de mise en page. Ces habitudes concentrent le reste du temps sur les décisions qu'un client remarquera.

Un brief avant le prompt

Notez le public, l'offre, les pages et l'unique action souhaitée, puis condensez le tout en deux phrases.

Jugez d'abord la structure

Comparez les quatre ébauches selon l'ordre des sections et la hiérarchie. Les photos et la formulation sont ce qu'il y a de plus facile à changer ensuite.

Regenerate avant de réécrire

Si aucune ébauche ne s'en approche, demandez d'abord d'autres variantes ; elles ne comptent pas dans le quota mensuel.

Fixez tôt les polices et les couleurs

Définissez les polices dans le Style Editor et la palette dans le chat avant de peaufiner les blocs un par un, pour ne rien faire deux fois.

Remplacez tous les contenus provisoires

Remplacez les photos de stock par de vraies photos et vérifiez tout ce que l'IA a écrit sur la page : chiffres, noms et promesses.

Définissez les niveaux de titre

Un seul H1 par page, des H2 pour les sections, des H3 à l'intérieur : Mobirise vous laisse choisir la balise de chaque titre.

Du code seulement là où les blocs s'arrêtent

Utilisez le Code Editor (plans payants) uniquement pour les détails que les paramètres ne permettent pas d'atteindre ; gardez le reste sous forme de blocs modifiables.

Testez sur les écrans et au clavier

Prévisualisez chaque taille d'écran, puis parcourez la page avec la touche Tab ; Mobirise entoure d'un contour l'élément actif pour les utilisateurs du clavier.

À qui cela convient, et quand choisir un autre outil

Un bon choix

Les freelances et les petites agences qui veulent que les sites clients partent d'un design plutôt que d'une page blanche
Les designers qui dessinent d'abord sur papier et veulent transformer le croquis en pages responsive
Les clients qui doivent rester propriétaires du résultat, grâce à l'export HTML et à la publication sur leur propre hébergement
Les refontes où des captures d'écran de l'ancien site constituent le brief le plus clair
Les équipes qui travaillent déjà avec les classes Bootstrap 5

Regardez ailleurs si

Votre livrable est un fichier Figma ou un ensemble de wireframes pour une autre équipe ; Relume ou Uizard conviennent à cette tâche
Vous avez besoin de placer chaque élément librement et d'animations détaillées ; le canvas de Framer offre ce contrôle
Vous avez besoin d'une base de code React ou Next.js ; v0 en écrit une
Vous voulez des mises en page différentes pour les téléphones et les ordinateurs ; dans Mobirise, chaque bloc se redimensionne automatiquement
Vous voulez restyler des pages HTML que vous avez déjà ; Mobirise ne modifie que les projets qu'il a créés
Vous comptez sur des dizaines d'ébauches IA sans frais ; le quota mensuel gratuit est réduit

FAQ sur la conception web par IA

Qu'est-ce qu'un générateur de conception web IA ?

Un outil qui crée le design visuel d'un site web à partir d'un court brief, d'un dessin au crayon ou d'une capture d'écran : mise en page, polices, couleurs, images et texte provisoire. Certains, souvent vendus comme générateur de design de site web IA pour les équipes, fournissent des maquettes ou des fichiers Figma que d'autres construiront. D'autres, dont Mobirise AI, fournissent des pages qui fonctionnent déjà comme un site web.

Existe-t-il un outil de conception web IA gratuit ?

Oui. Le plan gratuit de Mobirise AI comprend 3 générations par mois, chacune offrant quatre designs, et les sites gratuits peuvent être mis en ligne sur une adresse mobirisesite.com avec la mention Mobirise. Uizard et Relume proposent des offres gratuites pour les maquettes et les wireframes, tandis que 8B AI permet de concevoir gratuitement et fait payer la publication.

L'IA peut-elle partir d'un dessin ou d'une capture d'écran d'un ancien site ?

Oui. Outre le texte, Mobirise accepte comme point de départ la photo d'une mise en page dessinée à la main ou la capture d'écran d'une page existante. Étiquetez les cadres d'un dessin et gardez une seule page par capture ; vous récupérez des blocs modifiables que vous pouvez réorganiser.

Mon design généré par IA ressemblera-t-il à tous les autres ?

Moins qu'un modèle ne le ferait. Mobirise génère chaque design pour le site en cours de création : il n'y en a donc pas deux identiques, et vous en avez quatre parmi lesquels choisir. Un style distinctif dépend malgré tout de vos photos, de vos textes et de vos choix de modification.

Le design généré est-il responsive ?

Oui. Chaque bloc se réorganise selon l'écran sur lequel il s'affiche, et l'éditeur montre les versions téléphone, tablette et ordinateur pendant que vous travaillez. Une seule modification met à jour ensemble les mises en page téléphone, tablette et ordinateur.

Les textes et les images sont-ils générés aussi ?

Oui, chaque design arrive avec des titres, des paragraphes et des images adaptés à votre description. Considérez les textes comme une ébauche, car l'IA ne connaît ni vos tarifs, ni votre équipe, ni vos horaires d'ouverture, et ajoutez vos propres photos avant de publier.

Puis-je modifier le code d'un design généré par IA ?

Oui. Le site est du balisage Bootstrap 5 dans des fichiers HTML, CSS et JavaScript. L'extension Code Editor, incluse dans tous les plans payants, ouvre le balisage et les styles des blocs et des pages pour les modifier ; sans elle, vous réglez quand même les espacements, les arrière-plans, les colonnes et les éléments visibles dans les paramètres de chaque bloc. Notre page sur le constructeur Bootstrap montre comment la grille est utilisée.

Puis-je exporter un design IA vers Figma ?

Mobirise produit un site web plutôt qu'un fichier de design : ce n'est donc pas le bon choix si le livrable est un fichier Figma. Relume exporte ses wireframes et ses designs vers Figma, et Google Stitch permet de coller des designs dans Figma. Avec Mobirise, ce que vous remettez, c'est le site lui-même ou ses fichiers exportés.

Qu'est-ce qui compte pour une génération IA ?

Chaque génération est consommée pour une page ou pour une ébauche du site entier, et vous obtenez quatre designs à comparer. Demander des variantes supplémentaires avec Regenerate ne prélève rien sur le quota, qui se renouvelle chaque mois avec tous les plans.

Puis-je utiliser des designs générés par IA pour des projets clients ?

Oui. Les projets personnels comme commerciaux sont autorisés, même avec le plan gratuit, et les plans payants suppriment la mention Mobirise. L'application de bureau envoie les fichiers par FTP, publie sur GitHub Pages, ou écrit les fichiers dans un dossier local pour que vous puissiez les remettre au client.

Obtenez quatre ébauches du design de votre site

Saisissez une description, ou importez un dessin ou une capture d'écran ; la première ébauche prend généralement moins d'une minute. Peaufinez celle que vous préférez en ligne, ou dans la version de bureau gratuite sous Windows, macOS ou Linux.

Générer des designs gratuitement Télécharger l'application