Qui peut l'utiliser : Tous les utilisateurs
Quels forfaits : Tous les forfaits
Quelles plateformes : Navigateur, Bureau, Mobile
Utilisez la bibliothèque de prototypage pour construire des maquettes directement sur le canevas Miro. La bibliothèque comprend des écrans, des composants d'interface utilisateur et des icônes qui vous aident à visualiser les flux et structurer vos idées dès le départ.
Vous pouvez utiliser la bibliothèque de prototypage pour créer des maquettes statiques. Des fonctionnalités comme les composants avancés, les lignes de connexion et l'aperçu interactif nécessitent le module complémentaire Miro Prototypes.
La bibliothèque de prototypage contient tout ce dont vous avez besoin pour créer manuellement des flux à écran unique ou multiple dans Miro
Ouvrir la bibliothèque de prototypage
- Sur le canevas, depuis la barre de création, cliquez sur Outils, Médias et Intégrations (
).
- Recherchez et trouvez Prototyping, puis cliquez sur Bibliothèque de prototypes.
- Le panneau de la Bibliothèque de prototypes s'ouvre.
Que contient la bibliothèque de prototypes
La Bibliothèque de prototypes est organisée en onglets. Tous les utilisateurs peuvent utiliser la bibliothèque pour assembler des maquettes statiques à l'aide d'écrans, de composants UI et d'icônes.
💡 Pour les prototypes générés par IA et les flux interactifs, utilisez la bibliothèque de prototypage avec Miro Prototypes.
Écrans
Écrans sont des cadres prédéfinis pour les flux de prototypage. Vous pouvez ajouter des écrans Mobile, Tablette ou Bureau à votre canevas et construire des mises en page en y glissant des éléments d'interface utilisateur.
Travailler avec des écrans
- Afficher ou masquer le chrome de l'écran (afin qu'il ressemble à un cadre d'appareil ou un simple cadre)
- Pivoter un écran
- Redimensionner un écran en le faisant glisser pour étendre sa hauteur (uniquement vertical)
Composants UI
Les composants UI sont des éléments d'interface courants que vous pouvez glisser sur les écrans, comme des boutons, des champs de saisie, des barres de navigation et des éléments de formulaire.
Vous pouvez :
- Glisser des composants sur un écran
- Redimensionner et repositionner des composants
- Modifier le texte et le style de base depuis le menu contextuel
✏️ Les options du menu contextuel varient selon l’élément sélectionné.
Lorsque le module complémentaire Miro Prototypes est activé, certains composants d’interface utilisateur deviennent interactifs en mode Aperçu. Par exemple, les boutons, les curseurs, les champs de saisie et les menus déroulants réagissent aux actions de l’utilisateur selon les lignes de connexion que vous avez définies.
Certains ensembles de composants, tels que les Composants avancés, ne sont disponibles qu'avec le module complémentaire Miro Prototypes. Si le module complémentaire n’est pas activé, ces composants peuvent apparaître dans la bibliothèque avec un indicateur.
Icônes
L’onglet Icônes contient une bibliothèque d’icônes consultable à utiliser dans les prototypes.
Ajouter ou remplacer une icône
- Faites glisser une icône de la bibliothèque sur le canevas.
- Sélectionnez l'icône pour mettre à jour sa couleur à partir du menu contextuel.
- Choisissez Remplacer l'icône pour l'échanger avec une autre icône sans changer sa position ou sa taille.
Wireframes (ancien)
L'onglet Wireframes contient des éléments de wireframes anciens. Ces éléments restent disponibles et modifiables pour les tableaux existants, mais les nouveaux prototypes devraient utiliser des écrans et des composants d'interface utilisateur de la bibliothèque de prototypage.
Lignes de connecteur et interactivité (module complémentaire Miro Prototypes)
Les lignes de connexion vous permettent de définir la navigation entre les écrans dans un prototype. Lorsque le module complémentaire Miro Prototypes est activé, vous pouvez créer des lignes de connexion entre les éléments et les écrans pour construire des flux multi-étapes.
Les lignes de connexion permettent également un aperçu interactif. En mode Aperçu, les écrans connectés se comportent comme un flux cliquable, et les écrans défilent verticalement s'ils dépassent le cadre d'affichage. Sans le module complémentaire, les lignes de connexion et le comportement interactif ne sont pas disponibles.
💡 Certains éléments d'interface utilisateur affichent une icône en forme d'éclair lorsqu'ils sont ajoutés à un écran. Dans les flux multi-écrans, faites glisser l'icône d'éclair pour créer une ligne de connexion entre les écrans.