Les types de frame, la barre d’actions par frame, et les actions Build et Focus sur Canvas.
Chaque tuile sur le Canvas est une frame. Les frames sont ce que vous sélectionnez, faites glisser et sur quoi vous agissez. Cette page couvre les types de frame, la barre d’actions par frame qui apparaît à la sélection, et les capacités que vous déclenchez depuis celle-ci : Build et Focus.
Les deux types principaux sont les Artifacts (surfaces vivantes, adossées à une application) et les Designs (maquettes). L’en-tête en haut à gauche de la frame indique de quel type il s’agit.
Le fait qu’une frame Design se comporte comme une image statique ou comme un prototype interactif dépend de la capacité Interactive frames. Lorsqu’elle est activée, les frames Design répondent aux clics et aux saisies de formulaire comme une véritable page ; sinon, elles s’affichent comme un instantané que vous pouvez itérer mais pas parcourir en cliquant.
Voyez à quoi ressemble un design sur différentes tailles d’écran. Demandez à Agent de vous montrer une version mobile, tablette ou ordinateur, par exemple « Montre-moi la version mobile de cette page », et il génère une frame à cette taille :
Pour les frames Artifact (Website, Slides, etc.) et Design, la barre d’actions s’étend sur toute la largeur en haut de la frame.
La barre d'actions d'une frame Design : Build…, Focus, et plus d'options.
Le groupe d’actions se réduit en icônes sur les largeurs étroites et révèle les libellés au fur et à mesure que la frame s’élargit. L’ensemble complet, dans l’ordre de gauche à droite :
Ouvre un menu listant chaque Artifact du projet — choisissez-en un pour y appliquer le design, ou choisissez Build this design pour créer un nouvel Artifact. Frames Design uniquement. Voir Build.
Focus
Passe en mode focus, en développant la frame comme vue principale.
More (…)
Actions supplémentaires sur la frame. Copier, dupliquer, réorganiser et exporter se trouvent aussi dans le menu du clic droit du tableau.
Les frames d’application (Website, Slides, Mobile app) affichent Focus et plus d’options ; les frames Design ajoutent Build… avant celles-ci. Pour créer de nouvelles directions à partir d’une frame sélectionnée, suivez ses suggestions.Sélectionner une frame l’attache aussi au prochain message de chat Agent sous forme d’instantané — voir Ce qui se trouve sur le canvas.
La barre d’actions respecte le mode lecture seule. Lorsque Canvas est verrouillé dans un contexte de tâche en arrière-plan, les actions d’itération se masquent et seul Focus reste disponible.
Sélectionner une frame fait apparaître des suggestions à côté d’elle : des directions en un clic ancrées dans ce que vous regardez, comme une mise en page différente, une nouvelle ambiance, ou une page que votre design sous-entend. Chacune se génère sous forme de nouvelle frame à côté de la source, de sorte que l’originale reste intacte et que vous puissiez comparer.
Le menu Build… sur une frame Design sélectionnée fait passer le design au rang d’application vivante et fonctionnelle. Le même menu couvre aussi l’application du design à un Artifact déjà existant.
Choisir Build this design dans le menu démarre un nouvel Artifact à partir de la frame Design sélectionnée. Le nouvel Artifact atterrit dans la liste des artifacts du projet et devient une application vivante et fonctionnelle. Build nécessite Core ou Pro.
Le menu Build… liste chaque Artifact du projet. En choisir un applique les changements du Design sélectionné à cet Artifact — Agent réécrit le code de l’Artifact pour correspondre au design, en laissant la frame Design sur le Canvas pour référence.
