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

# Mou dissenys entre Flowstep i Figma

> Copia qualsevol marc de Flowstep a Figma amb copia i enganxa, o importa marcs de Figma a Flowstep com a pantalles editables. Treballa en ambdues eines sense canviar.

<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 està creat per encaixar en el flux de disseny que ja utilitzes — no pas per substituir-lo. Pots generar un disseny a Flowstep i portar-lo immediatament a Figma utilitzant una simple copia i enganxa, o fer el camí oposat i importar un marc de Figma a Flowstep. Això significa que obtens la velocitat de la generació de disseny assistida per IA combinada amb les funcionalitats de precisió i col·laboració en les quals confies a Figma.

<Note>
  Flowstep i Figma són eines complementàries, no competidors. Flowstep t'ajuda a generar i explorar ràpidament idees de disseny de UI; Figma és on refines, col·labores, i construeixes el treball llest per a producció. Utilitzar ambdues juntes et dóna el millor de les dues.
</Note>

## Com copiar un disseny de Flowstep a Figma

<Steps>
  <Step title="Selecciona una o més pantalles a Flowstep">
    Fes clic a una pantalla per seleccionar-la — o selecciona diverses pantalles per copiar-les totes de una vegada. Assegura't que la selecció està destacada al llenç.
  </Step>

  <Step title="Copia la selecció">
    Prem \*\*Cmd+\*\*⇧+**C** a Mac o \*\*Ctrl+\*\*⇧+**C** a Windows. Flowstep mostra "Preparing your design — stay on this tab and keep the screen selected" mentre treballa; la còpia es completa en un moment.
  </Step>

  <Step title="Enganxa al teu fitxer Figma">
    Canvia a Figma i obri el fitxer on vols col·locar el disseny. Prem **Cmd+V** a Mac o **Ctrl+V** a Windows per enganxar. Les pantalles de Flowstep apareixen al teu llenç de Figma, llestes per editar.
  </Step>
</Steps>

<Note>
  Copiar a Figma utilitza el porta-retalls del navegador, així que el navegador ha de permetre l'accés al porta-retalls de Flowstep — si veus un error de permisos, permet l'accés al porta-retalls a la configuració del navegador i torna-ho a intentar. Canviar de pestanya durant la còpia interromp la transferència; mantén la pestanya de Flowstep enfocada fins que la còpia es completi.
</Note>

<Tip>
  Enganxa el marc en una pàgina dedicada a "AI imports" a Figma per mantenir els teus fitxers de treball organitzats. Des d'allà, pots moure elements al teu sistema de disseny principal o a la biblioteca de components al teu ritme.
</Tip>

## Importa un disseny des de Figma

También pots fer el camí oposat i portar un marc de Figma a Flowstep com a pantalles editables. Importar està disponible per a tothom — connecta la teva compra de Figma una vegada, aleshores importa des d'un enllaç de marc.

<Steps>
  <Step title="Connecta Figma">
    Connecta la teva compra de Figma a Flowstep des de la teva configuració. Flowstep utilitza l'autorització de Figma per llegir els fitxers als quals tens accés.
  </Step>

  <Step title="Copia un enllaç de marc a Figma">
    A Figma, fes clic dret al marc que vols i trieu **Copy link to selection**. También pots copiar un enllaç a una pàgina completa per importar tots els seus marcs de nivell superior a la vegada.
  </Step>

  <Step title="Importa a Flowstep">
    Utilitza l'opció d'importació de Figma a la barra d'eines de Flowstep i enganxa l'enllaç. Flowstep converteix el marc en elements editables al teu llenç. Reimportar el mateix marc l'actualitza in situ.
  </Step>
</Steps>

### Què s'importa

Flowstep recrea un marc de Figma com a elements editables natius — no com a una imatge pla. Una importació porta:

* Marcs i les seves capes imbricades
* Text, inclòs l'estil per caràcter com a pes, color i negreta
* Colors de les teves variables de Figma
* Emplenat d'imatges, i icones SVG i formes
* Ombres externes i internes, i desenfocat de capa i fons
* Traços puntejats i puntejats

<Note>
  L'organització del fitxer ha de tenir Figma connectada. Si un marc no s'importa, Flowstep mostra un missatge accionable que et diu què fer a continuació — per exemple, reconnecta Figma si la teva autorització ha caducat, espera i reintentar si Figma està limitant la taxa o és lent per respondre, o, per a una plantilla comunitària, duplica-la al teu equip primer i enganxa el nou enllaç.
</Note>