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

# Flytt design mellom Flowstep og Figma

> Kopier en Flowstep-ramme til Figma med kopier-og-lim-inn, eller importer Figma-rammer til Flowstep som redigerbare skjermer. Arbeidt på tvers av begge verktøyene uten å bytte.

<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 er bygget for å passe inn i designarbeidsflyten du allerede bruker – ikke for å erstatte den. Du kan generere et design i Flowstep og umiddelbart bringe det til Figma ved hjelp av en enkel kopier-og-lim-inn, eller gå den andre veien og importer en Figma-ramme til Flowstep. Dette betyr at du får hastigheten av AI-assistert designgenerering kombinert med presisjonen og samarbeidsfunksjonene du er avhengig av i Figma.

<Note>
  Flowstep og Figma er komplementære verktøy, ikke konkurrenter. Flowstep hjelper deg raskt å generere og utforske UI-designideer; Figma er der du foretar den finkalibrerte tilpasningen, samarbeider, og bygger produksjonsklar arbeid. Å bruke begge sammen gir deg det beste fra begge.
</Note>

## Slik kopierer du et Flowstep-design til Figma

<Steps>
  <Step title="Velg en eller flere skjermer i Flowstep">
    Klikk på en skjerm for å velge den – eller velg flere skjermer for å kopiere dem alle på en gang. Kontroller at valget er uthevet på lerretet.
  </Step>

  <Step title="Kopier valget">
    Trykk \*\*Cmd+\*\*⇧+**C** på Mac eller \*\*Ctrl+\*\*⇧+**C** på Windows. Flowstep viser "Preparing your design — stay on this tab and keep the screen selected" mens det fungerer; kopien fullføres på et øyeblikk.
  </Step>

  <Step title="Lim inn i Figma-filen din">
    Bytt til Figma og åpne filen der du vil plassere designet. Trykk **Cmd+V** på Mac eller **Ctrl+V** på Windows for å lime inn. Flowstep-skjermene vises på Figma-lerretet ditt, klare til å redigeres.
  </Step>
</Steps>

<Note>
  Kopiering til Figma bruker nettleserens utklippstavle, så nettleseren må tillate Flowstep utklippstavleadgang – hvis du ser en tillatelsesfeil, tillat utklippstavleadgang i nettleserinnstillingene dine og prøv igjen. Å bytte faner mens kopiering pågår avbryter overføringen; hold Flowstep-fanen fokusert inntil kopien fullføres.
</Note>

<Tip>
  Lim inn rammene på en dedikert "AI imports"-side i Figma for å holde arbeidende filer organisert. Derfra kan du flytte elementer til ditt designsystem eller komponentbibliotek i ditt eget tempo.
</Tip>

## Importer et design fra Figma

Du kan også gå den andre veien og bringe en Figma-ramme til Flowstep som redigerbare skjermer. Importering er tilgjengelig for alle – koble Figma-kontoen din en gang, og importer deretter fra en rammelenke.

<Steps>
  <Step title="Koble til Figma">
    Koble Figma-kontoen din til Flowstep fra innstillingene dine. Flowstep bruker Figmas autorisasjon til å lese filene du har tilgang til.
  </Step>

  <Step title="Kopier en rammelenke i Figma">
    I Figma, høyreklikk på rammene du ønsker og velg **Copy link to selection**. Du kan også kopiere en lenke til en hel side for å importere alle toppnivårammene på en gang.
  </Step>

  <Step title="Importer til Flowstep">
    Bruk Figma-importalternativet i Flowstep-verktøylinjen og lim inn lenken. Flowstep konverterer rammene til redigerbare elementer på lerretet ditt. Omimportering av samme ramme oppdaterer det på stedet.
  </Step>
</Steps>

### Hva blir importert

Flowstep gjenskaper en Figma-ramme som native, redigerbare elementer – ikke et flatt bilde. En import bringer med:

* Rammer og deres nestede lag
* Tekst, inkludert per-tegn-styling som vekt, farge og fet
* Farger fra Figma-variablene dine
* Bildefyll, og SVG-ikoner og former
* Dråpe- og innerskygger, og lag- og bakgrunnsuskarpheter
* Brutt og prikket slag

<Note>
  Filorganisasjonen må ha Figma koblet. Hvis en ramme ikke importeres, viser Flowstep en handlingsorientert melding som forteller deg hva du skal gjøre neste – for eksempel tilkoble Figma på nytt hvis autorisasjonen har utløpt, vente og prøve på nytt hvis Figma begrenser eller er tregt å svare, eller for en Community-mal, dupliser det til teamet ditt først og lim inn den nye lenken.
</Note>