Skip to main content
Flowstep genera schermate dell’interfaccia utente da prompt in linguaggio naturale, permettendoti di passare da un’idea a un design visivo in secondi. Che tu abbia bisogno di una singola schermata per convalidare un concetto o di una serie completa di schermate che coprano un intero percorso utente, un prompt ben scritto è tutto quello che ti serve per iniziare.

​
Genera un design

1

Apri un nuovo progetto

Dal tuo dashboard di Flowstep, crea un nuovo progetto o apri uno esistente dove desideri aggiungere schermate.
2

Scrivi il tuo prompt

Digita una descrizione della schermata o delle schermate che desideri. Sii specifico sul tipo di app, l’obiettivo dell’utente e il contenuto che ti aspetti di vedere.
3

Specifica quante schermate vuoi

Per impostazione predefinita, Flowstep genera una singola schermata. Se desideri più schermate, dillo esplicitamente nel tuo prompt — Flowstep può generare fino a 6 schermate da un prompt.
4

Genera

Invia il tuo prompt. Flowstep produce le tue schermate e le visualizza nell’editor, pronte per la revisione o il perfezionamento.
Quando crei un nuovo file e invii il suo primo prompt, Flowstep nomina il file per te in base a quel prompt, quindi è facile trovarlo in seguito. Un file che ha già un nome — o prompt precedenti — mantiene il suo nome, e puoi rinominare qualsiasi file tu stesso in qualsiasi momento.

​
Schermata singola vs. più schermate

Puoi generare una schermata o fino a 6 schermate da un singolo prompt. Entrambi gli approcci sono adatti a diverse fasi del lavoro di design.
  • Una schermata — migliore per esplorare uno stato dell’interfaccia utente specifico, un componente o un concetto focalizzato.
  • Più schermate — migliore per mappare i flussi, confrontare le opzioni di layout o coprire un percorso utente completo rapidamente.
Quando vuoi più schermate, sii esplicito nel tuo prompt. Flowstep usa la formulazione del tuo prompt per decidere quante schermate produrre, quindi i prompt vaghi in genere restituiscono una singola schermata. Le schermate generate sono denominate Screen 1, Screen 2 e così via — usa questi nomi per fare riferimento a una schermata specifica nei prompt di follow-up.

​
Altri modi per fare prompt

Il testo non è l’unico input. Puoi anche:
  • Allega file — aggiungi immagini (JPG, PNG, WEBP) o documenti (PDF, MD, TXT) fino a 3 MB ciascuno al prompt, tramite drag-and-drop, il selettore di file o incollando. Fai riferimento a un’immagine allegata nel tuo prompt e Flowstep la incorpora nelle schermate generate. Vedi Usa riferimenti.
  • Dettare il tuo prompt — fai clic sul pulsante del microfono nella barra dei prompt (o premi Cmd+Shift+V su Mac, Ctrl+Shift+V su Windows) e parla per un massimo di 60 secondi. La trascrizione viene aggiunta a qualunque cosa tu abbia già digitato.
  • Lascia che Flowstep ricerchi il web — quando il tuo prompt lo richiede (ad esempio, “clona la pagina dei prezzi di Stripe”), Flowstep può cercare il web e leggere il branding di una pagina — colori, font, logo, componenti dell’interfaccia utente — e usarla nelle schermate generate. Flowstep decide autonomamente se effettuare ricerche, quindi non si attiverà necessariamente su ogni prompt; nota che i siti web ricreati utilizzano immagini e navigazione diversi da quelle originali.
  • Imposta linee guida di design — definisci regole di stile permanenti che si applicano a ogni generazione nel file. Vedi linee guida di design.

​
Scrivere prompt efficaci

Esempio di prompt con schermata singola: “Progetta una schermata di accesso mobile per un’app di monitoraggio della forma fisica con campi email e password, un pulsante di accesso e un link di password dimenticata.”
Esempio di prompt multi-schermata: “Genera più schermate per un flusso di onboarding di un’app di consegna di cibo — copri la selezione delle preferenze di cucina, l’inserimento di un indirizzo di consegna e la conferma del primo ordine.”
Esempio di prompt per il percorso completo: “Copri il percorso utente completo in un’app di rapporto sulle spese, dal caricamento di una ricevuta all’approvazione del manager.”
Tieni presente questi principi quando scrivi prompt:
  • Nomina la piattaforma (mobile, desktop, tablet) in modo che Flowstep ridimensioni correttamente le schermate.
  • Descrivi l’obiettivo dell’utente, non solo gli elementi dell’interfaccia utente — Flowstep deduce il layout dall’intento.
  • Includi contenuti chiave come etichette, azioni o dati se sono importanti per il design.
  • Usa frasi come “genera più schermate” o “copri il percorso utente completo” per attivare output multi-schermata.