Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep è costruito per adattarsi al flusso di lavoro di design che usi già: non per sostituirlo. Puoi generare un design in Flowstep e portarlo immediatamente in Figma usando una semplice copia-incolla, oppure fai il contrario e importa un frame di Figma in Flowstep. Questo significa che ottieni la velocità della generazione di design assistita dall’IA combinata con le funzioni di precisione e collaborazione su cui conti in Figma.
Flowstep e Figma sono strumenti complementari, non concorrenti. Flowstep ti aiuta a generare rapidamente ed esplorare idee di design UI; Figma è dove perfezionare, collaborare e costruire il lavoro pronto per la produzione. Usare entrambi insieme ti dà il meglio di entrambi.

Come copiare un design di Flowstep in Figma

1

Seleziona una o più schermate in Flowstep

Fai clic su una schermata per selezionarla — o seleziona più schermate per copiarle tutte in una volta. Assicurati che la selezione sia evidenziata sul canvas.
2

Copia la selezione

Premi **Cmd+**⇧+C su Mac o **Ctrl+**⇧+C su Windows. Flowstep mostra “Preparing your design. Stay on the current tab.” mentre lavora; la copia si completa in un momento.
3

Incolla nel tuo file Figma

Passa a Figma e apri il file dove vuoi posizionare il design. Premi Cmd+V su Mac o Ctrl+V su Windows per incollare. Le schermate di Flowstep appaiono sul tuo canvas di Figma, pronte per essere modificate.
Copiare in Figma usa gli appunti del tuo browser, quindi il browser deve consentire a Flowstep l’accesso agli appunti — se vedi un errore di permesso, consenti l’accesso agli appunti nelle impostazioni del browser e riprova. Passare a un’altra scheda durante la copia interrompe il trasferimento; mantieni la scheda di Flowstep attiva finché la copia non si completa.
Incolla il frame su una pagina dedicata “AI imports” in Figma per mantenere i tuoi file di lavoro organizzati. Da lì, puoi spostare elementi nel tuo sistema di design principale o nella libreria di componenti al tuo ritmo.

Importa un design da Figma

Puoi anche fare il contrario e portare un frame di Figma in Flowstep come schermate modificabili. L’importazione è disponibile a chiunque: connetti il tuo account Figma una volta, quindi importa da un link di frame.
1

Connetti Figma

Connetti il tuo account Figma a Flowstep dalle tue impostazioni. Flowstep usa l’autorizzazione di Figma per leggere i file a cui hai accesso.
2

Copia un link di frame in Figma

In Figma, fai clic destro sul frame che vuoi e scegli Copy link to selection. Puoi anche copiare un link a un’intera pagina per importare tutti i suoi frame di livello superiore in una volta.
3

Importa in Flowstep

Usa l’opzione di importazione Figma nella barra degli strumenti di Flowstep e incolla il link. Flowstep converte il frame in elementi modificabili sul tuo canvas. Re-importando lo stesso frame lo aggiorna sul posto.

Cosa viene importato

Flowstep ricrea un frame di Figma come elementi nativi e modificabili: non come un’immagine piatta. Un’importazione porta:
  • Frame e i loro layer annidati
  • Testo, incluso lo stile per-carattere come spessore, colore e grassetto
  • Colori dalle tue variabili di Figma
  • Riempimenti di immagini, icone SVG e forme
  • Ombre drop e interne, e sfocatura di layer e background
  • Tratti tratteggiati e punteggiati
L’organizzazione del file deve avere Figma connesso. Se un frame non viene importato, Flowstep mostra un messaggio pratico che ti dice cosa fare dopo — ad esempio, ricollega Figma se la tua autorizzazione è scaduta, aspetta e riprova se Figma sta limitando la velocità o è lento a rispondere, oppure, per un Community template, duplicalo nel tuo team per primo e incolla il nuovo link.