Génération de cadres par IA
Ouverture du créateur de cadres
Une fois la documentation de votre projet wireframe générée, vous le verrez dans votre liste de wireframes sous forme de carte de projet. Pour commencer la génération de cadres assistée par IA, cliquez sur l'icône IA dans le coin inférieur droit de la carte du projet. Cela ouvre le créateur de cadres où vous pouvez générer et gérer des cadres individuels pour chaque écran.
Créateur de cadres
Le créateur de cadres est l'endroit où vous générez et gérez les cadres de maquette individuels pour chaque écran. La barre latérale gauche liste tous les écrans de votre projet (par ex. Tableau de bord, Liste des tâches, Détail de la tâche) avec des badges de statut montrant si chacun est en attente, en génération ou terminé.
Mise en page
Fournisseur IA
Sélectionnez le modèle IA à utiliser pour la génération de cadres depuis le menu déroulant en haut à gauche (par ex. Claude Code, Opus 4.6).
Liste des écrans
La barre latérale gauche affiche tous les écrans du projet. Cliquez sur un écran pour afficher ses détails et générer son cadre.
Objectif et instructions de l'écran
Le panneau central affiche l'objectif et les fonctionnalités clés de l'écran sélectionné. Cliquez sur Modifier pour les ajuster avant la génération.
Prévisualisation du cadre
Le côté droit affiche une prévisualisation du cadre généré, ou un espace réservé Cadre vide si le cadre n'a pas encore été généré.
Générer le cadre
Cliquez pour générer le cadre de l'écran sélectionné. Utilisez Démarrer toute la génération pour générer tous les cadres en attente en une fois.
Modification avant la génération
Vous pouvez modifier différents aspects d'un cadre avant de le générer. Cliquez sur le bouton Modifier à côté des sections Objectif ou Caractéristiques principales pour modifier la description, les caractéristiques et les instructions de l'écran. Une fois satisfait des détails, cliquez sur Générer le cadre pour créer le cadre, ou ajustez et régénérez selon les besoins.
Génération des cadres
Lorsqu'un cadre est en cours de génération, le badge de statut de l'écran dans la barre latérale gauche passe à génération... et un indicateur de progression apparaît en bas à droite (par ex. « Génération du cadre... (10%) »). Le bouton Générer le cadre est remplacé par un bouton Arrêter la génération, vous permettant d'annuler si nécessaire.
Pendant la génération
Badges de statut
Chaque écran affiche son état actuel — en attente (non démarré), en génération (en cours) ou terminé (fait).
Indicateur de progression
Une barre de progression en pourcentage en bas à droite indique l'avancement de la génération du cadre actuel.
Arrêter la génération
Annulez la génération du cadre actuel à tout moment en cliquant sur le bouton Arrêter la génération.
Liaison automatique
Les cadres sont automatiquement liés entre eux — les flux de navigation entre les écrans sont connectés pendant la génération.
Cadres terminés
Une fois la génération terminée, vous verrez un message Cadre généré avec succès. Le badge de statut de l'écran passe à terminé (vert) accompagné d'un compteur d'éléments (par ex. « 41 éléments »). L'aperçu du cadre généré apparaît sur le côté droit de l'éditeur.
Après achèvement
Prévisualisation du cadre
Le panneau droit affiche une prévisualisation visuelle du cadre généré avec tous les composants disposés.
Nombre d'éléments
Le badge terminé affiche le nombre total d'éléments générés pour l'écran.
Redémarrer le cadre
Si vous n'êtes pas satisfait du résultat, cliquez sur Redémarrer le cadre pour régénérer à partir de zéro.
Démarrer toute la génération
Continuez à générer les cadres en attente restants, ou utilisez ceci pour générer en lot tous les écrans en une fois.