Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep è costruito per adattarsi al workflow di design che già usi — non per sostituirlo. Puoi generare un design in Flowstep e portarlo immediatamente in Figma usando una semplice copia e incolla, oppure fai il contrario e importa un frame di Figma in Flowstep. Questo significa ottenere la velocità della generazione di design assistita da AI combinata con le funzioni di precisione e collaborazione su cui fai affidamento in Figma.
Flowstep e Figma sono strumenti complementari, non concorrenti. Flowstep ti aiuta a generare e esplorare rapidamente idee di design UI; Figma è dove affini, collabori e costruisci il lavoro pronto per la produzione. Usare entrambi insieme ti offre 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 — oppure seleziona più schermate per copiarle tutte in una volta. Assicurati che la selezione sia evidenziata sulla canvas.
2

Copia la selezione

Premi **Cmd+**⇧+C su Mac o **Ctrl+**⇧+C su Windows. Flowstep mostra “Preparing your design — stay on this tab and keep the screen selected” mentre funziona; 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 sulla 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 autorizzazione, consenti l’accesso agli appunti nelle impostazioni del browser e riprova. Cambiare scheda durante la copia interrompe il trasferimento; mantieni la scheda Flowstep attiva fino al completamento della copia.
Incolla il frame su una pagina dedicata “AI imports” in Figma per mantenere i tuoi file di lavoro organizzati. Da lì, puoi spostare gli 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 — collega il tuo account Figma una volta, quindi importa da un link di frame.
1

Connetti Figma

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

Copia un link di frame in Figma

In Figma, fai clic con il tasto destro sul frame che desideri e scegli Copy link to selection. Puoi anche copiare un link a un’intera pagina per importare tutti i suoi frame di primo livello contemporaneamente.
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 sulla tua canvas. Reimportando 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 livelli annidati
  • Testo, incluso lo stile per carattere come peso, colore e grassetto
  • Colori dalle tue variabili Figma
  • Riempimenti di immagini e icone SVG e forme
  • Ombreggiature esterne e interne e sfocatura di livello e sfondo
  • Tratti punteggiati e tratteggiati
L’organizzazione del file deve avere Figma connesso. Se un frame non importa, Flowstep mostra un messaggio azionabile che ti dice cosa fare dopo — ad esempio, riconnetti Figma se la tua autorizzazione è scaduta, attendi e riprova se Figma sta limitando la velocità o è lenta a rispondere, oppure, per un modello Community, duplicalo nel tuo team prima e incolla il nuovo link.