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

# Sposta i design tra Flowstep e Figma

> Copia qualsiasi frame di Flowstep in Figma con copia e incolla, o importa frame di Figma in Flowstep come schermate modificabili. Lavora tra entrambi gli strumenti senza cambiarli.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.04.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=0e31f66d221bc267a060704be409d9f2" alt="Screenshot 2026 05 06 At 14 19 04" width="1838" height="1266" data-path="images/Screenshot-2026-05-06-at-14.19.04.png" />
</Frame>

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.

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

## Come copiare un design di Flowstep in Figma

<Steps>
  <Step title="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.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>
</Steps>

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

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

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

<Steps>
  <Step title="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.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>
</Steps>

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

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