AI Frame Generation
Apertura del creatore di frame
Dopo che la documentazione del tuo progetto wireframe è stata generata, lo vedrai nell'elenco dei wireframe come una scheda progetto. Per iniziare a generare frame con l'IA, clicca sull'icona IA nell'angolo in basso a destra della scheda progetto. Questo apre il creatore di frame dove puoi generare e gestire frame individuali per ogni schermata.
Frame Creator
Il creatore di frame e dove generi e gestisci i singoli frame wireframe per ogni schermata. La barra laterale sinistra elenca tutte le schermate nel tuo progetto (es. Dashboard, Lista attivita, Dettaglio attivita) con badge di stato che mostrano se ciascuna e in attesa, in generazione o completata.
Layout
Provider IA
Seleziona il modello IA da usare per la generazione dei frame dal menu a tendina in alto a sinistra (es. Claude Code, Opus 4.6).
Elenco schermate
La barra laterale sinistra mostra tutte le schermate nel progetto. Clicca su una schermata per visualizzare i suoi dettagli e generare il suo frame.
Scopo e istruzioni della schermata
Il pannello centrale mostra lo scopo e le funzionalita chiave della schermata selezionata. Clicca Modifica per modificarle prima della generazione.
Anteprima frame
Il lato destro mostra un'anteprima del frame generato, o un segnaposto Frame vuoto se il frame non e ancora stato generato.
Genera frame
Clicca per generare il frame per la schermata selezionata. Usa Avvia generazione completa per generare tutti i frame in attesa contemporaneamente.
Editing Before Generation
Puoi modificare diversi aspetti di un frame prima di generarlo. Clicca sul pulsante Modifica accanto alle sezioni Scopo o Caratteristiche Principali per modificare la descrizione, le caratteristiche e le istruzioni della schermata. Quando sei soddisfatto dei dettagli, clicca su Genera Frame per creare il frame, o regola e rigenera secondo necessità.
Generating Frames
Quando un frame è in fase di generazione, il badge di stato della schermata nella barra laterale sinistra cambia in generazione... e un indicatore di progresso appare in basso a destra (ad esempio, “Generazione Frame... (10%)”). Il pulsante Genera Frame viene sostituito da un pulsante Interrompi Generazione, che ti permette di annullare se necessario.
During Generation
Badge di stato
Ogni schermata mostra il suo stato corrente — in attesa (non avviata), in generazione (in corso) o completata (terminata).
Indicatore di avanzamento
La barra di avanzamento basata su percentuale in basso a destra mostra quanto e avanti la generazione del frame corrente.
Interrompi generazione
Annulla la generazione del frame corrente in qualsiasi momento cliccando il pulsante Interrompi generazione.
Collegamento automatico
I frame vengono collegati automaticamente tra loro — i flussi di navigazione tra le schermate vengono connessi durante la generazione.
Completed Frames
Una volta completata la generazione, vedrai un messaggio Frame Generato con Successo. Il badge di stato della schermata cambia in completato (verde) insieme a un conteggio degli elementi (ad esempio, “41 elementi”). L'anteprima del frame generato appare sul lato destro dell'editor.
Dopo il completamento
Anteprima frame
Il pannello destro mostra un'anteprima visiva del frame generato con tutti i componenti disposti.
Conteggio elementi
Il badge completato mostra il numero totale di elementi generati per la schermata.
Riavvia frame
Se non sei soddisfatto del risultato, clicca Riavvia frame per rigenerare da zero.
Avvia generazione completa
Continua a generare i frame in attesa rimanenti, o usa questo per generare in batch tutte le schermate contemporaneamente.