Qui peut le faire : Tous les utilisateurs
Quels forfaits : Tous les forfaits
Quelles plateformes : navigateur, application de bureau, mobile
Utilisez la Bibliothèque de prototypage pour créer des maquettes de prototype directement sur le canevas Miro. La bibliothèque comprend des écrans, des composants d’interface et des icônes qui vous aident à visualiser les flux et à structurer vos idées dès les premières étapes.
Vous pouvez utiliser la Bibliothèque de prototypage pour créer des prototypes statiques. Des fonctionnalités telles que les composants avancés, les lignes de connexion et l’aperçu interactif nécessitent un forfait Business ou le module complémentaire Miro Prototypes pour les forfaits Enterprise.
La Bibliothèque de prototypes contient tout ce dont vous avez besoin pour créer manuellement des flux sur un seul écran ou sur plusieurs écrans dans Miro
Ouvrir la Bibliothèque de prototypes
- Sur le canevas, dans la barre de création cliquez sur Outils, médias et intégrations (
).
- Recherchez Prototyping, puis cliquez Bibliothèque de prototypes.
- Le panneau 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 se servir de la bibliothèque pour assembler des maquettes statiques à l’aide d’écrans, de composants d’interface et d’icônes.
💡 Pour des prototypes générés par IA et des flux interactifs, utilisez la Bibliothèque de prototypage conjointement avec Miro Prototypes.
Écrans
Les Écrans sont des cadres prêts à l’emploi pour prototyper des flux. Vous pouvez ajouter des écrans Mobile, Tablette ou Bureau à votre canevas et créer des mises en page en faisant glisser des éléments d’interface dessus.
Travailler avec les écrans
- Afficher ou masquer le chrome de l’écran (pour qu’il ressemble à un cadre d’appareil ou à un simple cadre)
- Faire pivoter un écran
- Redimensionner un écran en le faisant glisser pour augmenter sa hauteur (verticale uniquement)
Composants d’interface
Les composants d’interface sont des éléments d’interface courants que vous pouvez glisser-déposer sur les écrans, tels que des boutons, des champs de saisie, des barres de navigation et des éléments de formulaire.
Vous pouvez :
- Glisser-déposer des composants sur un écran
- Redimensionner et repositionner les composants
- Modifier le texte et les styles de base depuis le menu contextuel
✏️ Les options du menu contextuel varient selon l’élément sélectionné.
Avec Miro Prototypes, certains composants d’interface deviennent interactifs en mode Aperçu. Par exemple, les boutons, curseurs, champs de saisie et menus déroulants réagissent aux actions des utilisateurs en fonction des lignes de connexion que vous avez définies.
Certaines collections de composants, comme les Composants avancés, sont disponibles uniquement avec Miro Prototypes. Si vous n’y avez pas accès, 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 que vous pouvez utiliser dans vos prototypes.
Ajouter ou remplacer une icône
- Faites glisser une icône depuis la bibliothèque sur le canevas.
- Sélectionnez l’icône pour modifier sa couleur dans le menu contextuel.
- Choisissez Remplacer l’icône pour la remplacer par une autre icône sans modifier sa position ni sa taille.
Wireframes (hérités)
L’onglet Wireframes contient des éléments de wireframes hérités. Ces éléments restent disponibles et modifiables pour les tableaux existants, mais les nouveaux prototypes doivent utiliser les écrans et les composants d’interface de la Bibliothèque de prototypage.
Lignes de connexion et interactivité (Miro Prototypes)
Les lignes de connexion vous permettent de définir la navigation entre les écrans d’un prototype. Avec Miro Prototypes, vous pouvez créer des lignes de connexion entre des éléments et des écrans pour construire des flux en plusieurs étapes.
Les lignes de connexion permettent aussi l’aperçu interactif. En mode Aperçu, les écrans connectés se comportent comme un flux cliquable, et ils défilent verticalement si leur contenu dépasse la zone d’affichage. Sans Miro Prototypes, les lignes de connexion et le comportement interactif ne sont pas disponibles.
💡 Certains éléments d’interface affichent une icône 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.