Toolbar

La barre d’outils Canvas est une barre flottante ancrée au bas-centre du tableau. Elle expose les outils que vous utilisez pour naviguer, dessiner, modifier et ajouter du contenu. La barre d’outils s’affiche en mode Canvas.

​

Outils

Sélectionner un outil l’active. L’outil actif est mis en évidence avec un arrière-plan rempli. Le groupe le plus à gauche est la navigation (Interact, Pan). Les autres sont des outils de contenu et de balisage. Les outils sont mutuellement exclusifs, ce qui signifie que sélectionner l’un désactive les autres.

​

Interact

Interact est l’outil par défaut. Utilisez-le pour sélectionner des frames, les faire glisser, et cliquer dans un artefact vivant pour l’utiliser comme une véritable application en cours d’exécution. Avec Interact actif, cliquer sur une frame la sélectionne et fait apparaître la barre d’actions par frame. Raccourci clavier : V. Accès : toujours activé.

​

Pan

Pan transforme le curseur en outil de préhension pour que vous puissiez faire glisser le tableau lui-même. Lorsque Pan est actif, cliquer-glisser déplace la fenêtre d’affichage au lieu de sélectionner une frame. Vous pouvez aussi faire un panoramique depuis n’importe quel autre outil en maintenant la barre d’espace et en faisant glisser, ou avec un clic-glisser au bouton du milieu. Raccourci clavier : H. Accès : toujours activé.

​

Chat

Chat dépose un petit compositeur de chat directement sur le tableau afin que vous puissiez envoyer un prompt à Agent sans quitter Canvas. Les éléments et frames sélectionnés s’attachent toujours au message sous forme d’instantanés, comme lorsque vous envoyez depuis le panneau de chat latéral d’Agent. Accès : outil Chat (ordinateur de bureau uniquement).

​

Draw

Draw active les outils de balisage tels que le dessin à main levée, les flèches, les notes autocollantes et les formes, afin que vous puissiez esquisser sur les frames ou annoter le tableau. Utilisez-le pour encercler les zones à problème, pointer les éléments que vous voulez changer, ou laisser une note écrite à côté d’une frame. Lorsque Draw est actif, une barre Shape properties apparaît au-dessus de la barre d’outils flottante avec des contrôles de couleur, de trait et de remplissage pour l’outil de balisage actuel. Elle se masque automatiquement quand vous revenez à Interact ou Pan. Accès : toujours activé.

​

Edit

Edit est le sélecteur visuel pour les éléments. Avec Edit actif, cliquez à l’intérieur d’un artefact vivant pour cibler un élément (un bouton, un titre, une image). Sélectionner un élément ouvre le Visual Editor — un panneau latéral droit de contrôles (Layout, Color, Border, et plus) associé à un prompt en ligne pour demander à Agent de changer uniquement cette pièce. Voir Elements et Visual Editor pour le flux complet. Accès : toujours activé (ordinateur de bureau). Désactivé tant qu’il n’existe pas au moins une frame ; l’infobulle indique « Create an artifact or generate a design to edit. » Masqué sur mobile.

​

Generate

Generate ouvre le popover Generate media pour les images, les vidéos et les graphiques vectoriels. Choisissez un type, rédigez un prompt, et Agent place le résultat sous forme de nouvelle frame sur le tableau. Le popover comporte quatre onglets en haut :

• Design — Image
• Video
• Vector Graphic

Certains contrôles sont partagés entre les types ; d’autres sont spécifiques au type. Contrôles partagés (tous les types) :

• Model : le modèle de génération à utiliser. Les modèles disponibles varient selon le type (voir le tableau ci-dessous).
• Prompt : description en langage naturel de ce que vous voulez qu’Agent génère.
• Generate : soumet la demande et réserve une frame de remplacement à la position du curseur. La frame de remplacement passe à une frame vivante une fois l’asset prêt ; si la génération échoue, la frame de remplacement est supprimée et une erreur apparaît dans le panneau de chat.

Modèles et contrôles par type : Pour savoir ce qu’est chaque type de frame et ce que vous pouvez en faire une fois créé, voir Frames.

​

Joindre des références visuelles

Avant de générer, vous pouvez joindre des éléments déjà présents sur votre tableau comme références visuelles. Agent utilise ces références pour guider le résultat afin qu’il corresponde à l’apparence de votre projet. Ouvrez le menu + à l’intérieur du formulaire Generate media, puis choisissez une option :

• Upload file : téléversez une image depuis votre ordinateur pour l’utiliser comme référence.
• Select canvas elements : choisissez des éléments existants sur le tableau. Les frames sont capturées sous forme de captures d’écran ; les formes de texte et de notes sont jointes en tant que résumés textuels.

Chaque référence apparaît sous forme de puce dans le formulaire. Ajoutez-en autant que nécessaire, rédigez votre prompt, puis sélectionnez Generate. Pour supprimer une référence, sélectionnez la puce. Lorsque le menu Add est activé, le bouton Generate est remplacé par un menu + qui regroupe les types du popover avec Design (une maquette visuelle autonome qui ne touche pas au code vivant) : Accès : Génération d’images. Vector Graphic nécessite la génération de graphiques vectoriels ; Video nécessite la génération de vidéos. Le menu + nécessite le menu Add (qui lui-même nécessite la génération d’images).

​

Navigation sur le tableau

Le panoramique, le zoom, les gestes de sélection et leurs raccourcis clavier sont des comportements au niveau du tableau, pas des outils de la barre d’outils. Voir Parcourir le tableau sur la page Canvas.

​

Pages associées

• Canvas — le tableau lui-même : l’ouvrir, le parcourir, et ce qui s’y trouve.
• Frames — les types de frame ; la barre d’actions par frame ; Build et Focus.
• Elements — les pièces individuelles à l’intérieur d’une frame.
• Visual Editor — le flux de ciblage des éléments dans lequel Edit vous amène.