Qui peut le faire : Tous les utilisateurs
Quels forfaits : Tous les forfaits
Quelles plateformes : Navigateur, Bureau, Mobile
Créez des prototypes directement sur le tableau grâce à la bibliothèque de prototypage. La bibliothèque comprend des éléments d'interface utilisateur et des icônes que vous pouvez utiliser pour créer des prototypes interactifs, seuls ou en conjonction avec la fonction Créer avec prototype AI.
✏️ La bibliothèque de prototypes remplace la bibliothèque de wireframes, qui sera rendue obsolète plus tard cette année. D'ici là, la bibliothèque de wireframes est accessible via l'onglet Wireframes dans la bibliothèque de prototypes.
Accéder à la Bibliothèque de prototypes
- Cliquez sur l’icône Médias, outils et intégrations (
).
- Rechercher Prototypes.
- Sélectionnez le résultat de recherche Prototyping.
- Le panneau de prototypage s’ouvrira avec des onglets pour les éléments d’interface utilisateur et les icônes.
Concevoir un prototype
- Sélectionnez un écran dans le panneau des éléments d'interface utilisateur et cliquez n’importe où sur le tableau pour le placer.
- Faites glisser et déposez d'autres éléments d'interface utilisateur ou icônes sur l'écran.
- Si vous concevez un prototype multi-écrans, ajoutez des Lignes de connexion pour ajouter de l'interactivité entre les écrans (affichable en Aperçu) :
- Cliquez sur l'élément d'interface utilisateur que vous souhaitez connecter à un écran différent.
- Cliquez et faites glisser l'icône Ligne de connexion de l'élément d'interface utilisateur vers l'écran que vous souhaitez connecter.
Modifier les états des éléments d'UI
Certains éléments d'interface ont des options pour leur état dans le prototype, comme cocher ou décocher une case. Pour accéder à ces états :
- Cliquez sur l'élément d'interface utilisateur pour lequel vous souhaitez modifier les paramètres.
Le menu contextuel s’affiche. - Dans le menu contextuel, cliquez sur le menu déroulant État.
- Sélectionnez l'état désiré.
Changer les styles d'élément
Pour changer la couleur ou la police d'un élément de l'interface utilisateur :
- Cliquez sur l'élément que vous souhaitez modifier.
Le menu contextuel s'affiche. - Selon l'élément, vous aurez la possibilité de changer la couleur de fond, la police, la taille de police et/ou la couleur de police.
Aperçu d’un prototype
Pour afficher l’aperçu interactif de votre prototype :
- Sélectionnez l'un des écrans du prototype.
Le menu contextuel s’affiche. - Cliquer sur Aperçu.
L'aperçu se chargera. - Vous pouvez cliquer sur des éléments du prototype pour voir leurs interactions—créées avec des lignes de connexion—ou cliquer sur les flèches pour naviguer entre les écrans.