Transformez des pages web et des mises en page IA en maquettes modifiables
Importez des pages web en direct, des zones de page et des mises en page générées par IA dans Moqups sous forme de designs hi-fi entièrement modifiables ou de wireframes lo-fi.
Importation de page web
Importez n'importe quelle page web en direct dans Moqups
Cliquez sur l'icône de l'extension pour sélectionner une page entière, une zone ou des éléments individuels. Collez directement dans Moqups sous forme de mise en page entièrement modifiable, chaque objet étant prêt à être personnalisé.
- Importez la page entière ou sélectionnez une zone spécifique
- Capturez des éléments individuels en utilisant la barre d'espace
- Collez dans un projet existant ou ouvrez dans un nouveau
Importer en vue bureau, ordinateur portable ou téléphone
Choisissez la taille du viewport avant même d'importer. Ainsi, la mise en page est collée dans Moqups dans le format et les dimensions exacts dont vous avez besoin – pas seulement ce qui s'affiche dans votre navigateur.
Importation de design IA
Capturez des mises en page IA et faites-les vôtres
Importez directement des brouillons IA dans Moqups. Modifiez-les avec votre équipe dans un espace collaboratif – et économisez des tokens aussi ! Affinez le texte, ajustez les mises en page et corrigez les détails que l'IA ne saisit pas bien. Puis exportez un PDF de la version révisée pour votre prochain tour avec l'IA.
- Cliquez sur l'iframe pour copier le design
- Importez en design hi-fi ou wireframe lo-fi
- Fonctionne avec tout outil IA qui rend un iframe
Aidez l'IA à refléter votre marque et votre style
Extrayez le style visuel de n'importe quelle fenêtre de navigateur ouverte – couleurs, typographie, styles de boutons, styles d'inputs – et générez un brief de design structuré. Collez ce brief dans un prompt IA pour que les mises en page générées reflètent fidèlement votre identité visuelle et votre système de design.
Importez des designs en haute fidélité – ou transformez-les en wireframes
Lors de la conversion d'une page web ou d'une mise en page IA, vous avez deux options : importer le design tel qu'il apparaît – en tant que mise en page hi-fi – ou le convertir en wireframe lo-fi en niveaux de gris. Dans les deux cas, vous obtenez une maquette entièrement modifiable – mais l'une met l'accent sur l'identité visuelle et le style, l'autre sur la structure et le contenu. C'est votre choix !
Chaque élément est à vous pour être modifié
Les designs importés arrivent sous forme de mises en page entièrement modifiables afin que vous et votre équipe puissiez commencer à éditer, mettre à jour et personnaliser en quelques secondes.
Éditer le texte
Cliquez sur n'importe quel bloc de texte pour mettre à jour les titres, les étiquettes et le texte des boutons.
Ajuster les couleurs et les polices
Modifiez les couleurs et la typographie sur des éléments sélectionnés ou toute la mise en page.
Remplacer les images
Échangez les espaces réservés et les visuels par vos propres ressources depuis votre bibliothèque d'images.
Ajouter des composants UI
Faites glisser des boutons, des formulaires, des modales et des icônes depuis la bibliothèque de gabarits de Moqups.
Redimensionner et réorganiser
Déplacez, réordonnez et redimensionnez n'importe quel élément grâce aux guides et à l'aimantation.
Commenter et collaborer
Travaillez avec votre équipe en temps réel et laissez des commentaires et des annotations sur le design.
Réunissez votre équipe pour mieux travailler
Partagez des idées et des conversations significatives – synchrones et asynchrones – avec des curseurs en direct, des notes adhésives, des annotations et des commentaires codés par couleur. Collectez les retours, spécifiez les exigences, construisez un consensus et prenez de grandes décisions.
Questions fréquemment posées
Quels navigateurs l'extension prend-elle en charge ?
L'extension est disponible pour Chrome et Firefox. Les utilisateurs de Brave peuvent installer la version Chrome directement. Une extension Safari est en cours de développement et nous partagerons une mise à jour lorsqu'elle sera prête.
Est-elle gratuite ?
Oui, l'extension est gratuite à installer et à utiliser. Pour coller des designs importés dans un projet, vous aurez besoin d'un compte Moqups – qui est également gratuit et ne nécessite pas de carte de crédit.
Fonctionne-t-elle avec tout outil IA ?
Oui. L'extension peut importer tout design IA qui se rend sous forme d'iframe dans votre navigateur. Cela comprend les artefacts de Claude, ChatGPT, Gemini et d'autres. Cliquez sur l'iframe pour importer la mise en page complète, ou utilisez la barre d'espace pour sélectionner un élément spécifique dans celui-ci.
Que peut faire d'autre l'extension ?
Quelques autres fonctionnalités à connaître : Captures d'écran : Capturez la zone visible, une sélection personnalisée ou la page entière et enregistrez-la directement dans votre bibliothèque d'images de l'équipe Moqups. Utile pour les mood boards, la recherche concurrentielle et les références rapides. Remarque : les captures d'écran sont des captures d'image, pas des mises en page modifiables. Créer des projets instantanément : Cliquez sur l'icône de l'extension Moqups dans votre navigateur pour créer un nouveau projet ou accéder directement à votre tableau de bord sans changer d'onglet. Sélecteur de couleur : Pour les versions de Chrome antérieures à la 95, l'extension active notre pipette intégrée afin que vous puissiez échantillonner n'importe quelle couleur de votre navigateur et l'appliquer à vos éléments de design.
Que signifie 'entièrement modifiable' ?
Lorsque vous importez une page web ou un design IA, il n'arrive pas comme une image plate. Chaque composant – texte, boutons, images, éléments de navigation, champs de saisie – arrive en tant qu'objets séparés dans votre projet Moqups. Vous pouvez cliquer sur n'importe quel élément pour le sélectionner, ajuster les couleurs et les polices, remplacer les images, déplacer des éléments et déposer de nouveaux composants UI depuis notre bibliothèque de gabarits.
J'ai déjà l'extension Moqups. Dois-je la mettre à jour ?
Non, elle se met à jour automatiquement. Si vous l'avez installée précédemment, les nouvelles fonctionnalités sont déjà disponibles.
Commencez à importer. Arrêtez de reconstruire.
L'extension est gratuite et prend environ dix secondes à installer.