> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Modifica e itera su design Flowstep tramite chat o canvas
> Affina qualsiasi schermata generata da Flowstep tramite modifica visuale manuale o prompt basati su chat — itera tutte le volte che serve finché il design non è giusto.
I design di Flowstep sono completamente modificabili dopo la generazione. Non sei bloccato in quello che l'IA produce inizialmente — puoi regolare gli elementi visivi direttamente nell'editor, usare la chat per descrivere i cambiamenti in linguaggio naturale, oppure chiedere a Flowstep di generare variazioni e nuove schermate. Usa il metodo che si adatta meglio al cambiamento che vuoi fare.
## Due modi per modificare
Apporta modifiche direttamente nel canvas selezionando e modificando gli elementi. Questo metodo è ideale per regolazioni precise — spostare un componente, cambiare un colore, aggiornare un'etichetta, o regolare la spaziatura.
Fai clic su qualsiasi componente o livello nel tuo design per selezionarlo.
Usa i controlli dell'editor per regolare proprietà come colore, dimensione, posizione o contenuto di testo.
Le tue modifiche si applicano immediatamente nel canvas. Continua a modificare o passa alla schermata successiva.
Descrivi il cambiamento che vuoi in linguaggio naturale e Flowstep aggiorna il design per te. Questo metodo è più veloce per cambiamenti ampi o strutturali — regolare il layout, ripensare una sezione, o applicare una direzione stilistica.
Seleziona la schermata che vuoi modificare, quindi apri l'input della chat.
Scrivi quello che vuoi che Flowstep aggiorni. Sii specifico su cosa dovrebbe cambiare e perché, se aiuta.
Flowstep applica il cambiamento e ti mostra il risultato. Se non è del tutto giusto, invia un messaggio di follow-up per perfezionare ulteriormente.
Le modifiche e le rigenerazioni aggiornano la schermata selezionata **in place** invece di aggiungere una nuova schermata — mentre Flowstep trasmette il cambiamento, l'elemento su cui sta lavorando è evidenziato con un bordo tratteggiato verde. Generare senza una schermata selezionata aggiunge invece una nuova schermata.
## Modifica solo parte di una schermata
Non devi modificare interi schermate. Seleziona un sottoelemento — una card, un pulsante, un'etichetta di testo — e il tuo prompt della chat si applica solo ad esso, lasciando il resto della schermata intatto.
* Passa alla modalità **Direct selection** con **Shift+V** (o il dropdown sul pulsante della barra di selezione) per selezionare l'elemento più profondo sotto il tuo clic. Premi **V** per la selezione normale, o tieni premuto **Cmd** (Mac) / **Ctrl** (Windows) per usare la selezione diretta temporaneamente. **Escape** esce dalla selezione diretta.
* Seleziona sottoelementi su più schermate con **Cmd+Shift** — un singolo prompt può modificare fino a 6 schermate per messaggio.
Quando è selezionato un elemento immagine (al di fuori della modalità wireframe), un pannello **Image** appare nel pannello proprietà: visualizza l'anteprima dell'immagine, scambiala trascinando un nuovo file immagine sull'anteprima o facendo clic su **Pick image**, oppure salvala con **Download image**.
## Ripristina una versione precedente
Ogni generazione AI nella cronologia della chat mantiene il suo risultato originale. Se una schermata è stata modificata o eliminata da quando è stata generata, il suo messaggio di chat mostra un pulsante **Restore** — **Restore original** per annullare le modifiche, oppure **Restore** / **Restore all** per recuperare le schermate eliminate. Usalo per tornare a uno stato noto come buono dopo che una modifica è andata nella direzione sbagliata.
## Azioni con un clic
Oltre alle modifiche dirette, puoi chiedere a Flowstep di esplorare alternative:
* **Try again from scratch** — chiedi a Flowstep di produrre una versione nuova della schermata corrente con un layout o una direzione visuale diversa.
* **Show the next screen** — chiedi a Flowstep di generare quello che logicamente viene dopo nel flusso utente.
* **Make it pretty** — regola la spaziatura, l'allineamento e i colori nel design. Il layout rimane lo stesso.
Queste opzioni ti permettono di iterare rapidamente senza dover scrivere un prompt ogni volta.
## Iterare per perfezionare
Il design raramente funziona perfettamente al primo tentativo. Usa la modifica basata su chat per ogni round di feedback — descrivi cosa funziona e cosa no, e Flowstep si adatta da lì. Non c'è limite a quante volte puoi iterare su una schermata.
Quando itteri tramite chat, fai riferimento a elementi specifici per nome o posizione per ottenere risultati più accurati. Ad esempio: "Sposta il pulsante di invito all'azione in fondo allo schermo e rendilo a tutta larghezza" è più efficace di "aggiusta il pulsante."