
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.
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.