Pages de lancement de produit
Testez un titre, une offre et un formulaire d'inscription avant le jour du lancement.
Générateur de maquette de site web IA
Décrivez un site ou joignez un croquis. Manus le transforme en maquette de site web cliquable et haute fidélité pour ordinateur et mobile.
Exemple de maquette de site web : un brief, deux écrans
Un bon cahier des charges nomme la marque, les sections, le style et les écrans. En voici un qui couvre ces quatre points.
Un design illustratif pour une marque fictive. Votre maquette suit votre propre cahier des charges.
Entrées du générateur de maquettes de sites web : une phrase, un croquis ou une capture d'écran
Utilisez ce que vous avez déjà. Ajoutez des images avec le bouton + dans la zone ci-dessus.
Vous avez déjà le design dans Figma ? Utilisez Figma to code pour transformer un cadre en application web fonctionnelle.
Idées de maquettes pour sites, boutiques et applications
Choisissez un exemple pour placer sa demande dans la case ci-dessus, puis modifiez les détails.
Boutiques en ligne
Voyez une page d'accueil, une page produit et un panier avant de choisir une plateforme.
Écrans d'application web
Montrez aux investisseurs ou aux ingénieurs à quoi doivent ressembler les écrans principaux.
Portfolios
Essayez plusieurs façons de présenter votre travail avant de rédiger chaque étude de cas.
Restaurants et commerces locaux
Placez le menu, les horaires d’ouverture et le bouton de réservation là où les clients regardent en premier.
Présentations clients
Apportez deux directions de design au premier rendez-vous client.
Wireframe vs maquette vs prototype
Un wireframe montre la structure, une maquette montre l'aspect final, et un prototype montre le comportement.
Montrez votre site sur un ordinateur portable et un téléphone
Transformez une capture d'écran en maquette d'appareil pour des diaporamas, portfolios et publications de lancement.
Joignez une capture d'écran et indiquez les appareils et la scène souhaités. Vous obtenez un fichier image pour un pitch deck, un portfolio ou un post de lancement.
- Choisissez les appareils : ordinateur portable, écran de bureau, tablette ou téléphone
- Décrivez la scène : un bureau, un fond de studio uni ou une main
- Indiquez la taille, par exemple 16:9 pour des diapositives ou 4:5 pour des posts sur les réseaux sociaux
Besoin d'un logo, d'une bannière ou de visuels pour les réseaux sociaux pour l'accompagner ? Essayez AI design.
Transformez la maquette approuvée en site en ligne
La maquette est déjà une page web, vous pouvez donc continuer à la construire une fois le design validé.
Découvrez comment le générateur de site Manus ajoute des connexions, des bases de données et des paiements, ou lancez un site complet avec le générateur de site IA ou une seule page avec le créateur de page de destination.
Questions fréquemment posées
Qu'est-ce qu'une maquette de site web ?
Une maquette de site web est une image réaliste d'une page avant sa construction : la vraie mise en page, les couleurs, les polices, les images et le texte. Elle se situe entre un wireframe, qui ne montre que la structure, et le site final.
Comment créer une maquette de site web avec l'IA ?
Décrivez la page dans le champ en haut de cette page : à qui elle s'adresse, les sections dont vous avez besoin et le style que vous aimez. Manus construit la maquette sous forme de page web que vous pouvez ouvrir sur ordinateur et mobile, puis vous demandez des modifications dans la même tâche.
Ce générateur de maquettes de site web est-il gratuit ?
Chaque requête s'exécute comme une tâche Manus, et les tâches consomment des crédits. Vous pouvez consulter les options de crédits sur la page Tarifs.
Puis-je transformer un croquis ou une capture d'écran en maquette ?
Oui. Joignez une photo d’un croquis dessiné à la main, d’un tableau blanc ou une capture d’écran de votre site actuel, et précisez ce qu’il faut garder et ce qu’il faut changer. Manus utilise l’image comme mise en page de départ.
La maquette fonctionnera-t-elle sur mobile ?
Demandez une page responsive et Manus l'adapte à la fois pour les écrans d'ordinateur et de téléphone. Ouvrez l'aperçu sur votre téléphone, ou demandez une maquette mobile séparée si vous voulez comparer les deux.
Quelle est la différence entre un wireframe et une maquette ?
Un wireframe utilise des rectangles et des blocs gris pour valider la structure. Une maquette ajoute le design visuel, afin que chacun puisse juger de l'apparence réelle de la page. Un prototype va encore plus loin et permet de cliquer pour parcourir le flux.
Puis-je modifier la maquette et conserver le code ?
Oui. Demandez des changements dans la tâche, ou utilisez le mode d’édition de design pour ajuster la mise en page, les couleurs, la typographie et l’espacement sans code. Vous pouvez télécharger le code complet à tout moment ou continuer à construire la page jusqu’à en faire un site en ligne.
Puis-je créer une maquette d'appareil pour mon site web ?
Oui. Joignez une capture d’écran de votre site et demandez-la sur un ordinateur portable, un téléphone ou une tablette, dans le contexte voulu. Manus génère l’image que vous pouvez télécharger.
Créez votre prochaine maquette de site web
Décrivez la page ou joignez un croquis, et vérifiez-la sur ordinateur et mobile.