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

# Flyt designs mellem Flowstep og Figma

> Kopier en hvilken som helst Flowstep-frame til Figma med copy-and-paste, eller importer Figma-frames til Flowstep som redigerbare skærme. Arbejd på tværs af begge værktøjer uden at skifte.

<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 til at passe ind i det design-workflow, du allerede bruger — ikke til at erstatte det. Du kan generere et design i Flowstep og straks bringe det til Figma ved hjælp af simpel copy-and-paste, eller gå den anden vej og importer en Figma-frame til Flowstep. Det betyder, at du får hastigheden af AI-assisteret designgenerering kombineret med præcisionen og samarbejdsfunktionerne, som du er afhængig af i Figma.

<Note>
  Flowstep og Figma er komplementære værktøjer, ikke konkurrenter. Flowstep hjælper dig med hurtigt at generere og udforske UI-designidéer; Figma er, hvor du raffinerer, samarbejder og bygger produktionsklar arbejde. Brug af begge sammen giver dig det bedste af begge verdener.
</Note>

## Sådan kopierer du et Flowstep-design til Figma

<Steps>
  <Step title="Vælg en eller flere skærme i Flowstep">
    Klik på en skærm for at vælge den — eller vælg flere skærme for at kopiere dem alle på én gang. Kontroller, at valget er fremhævet på lærredet.
  </Step>

  <Step title="Kopier valget">
    Tryk \*\*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 arbejder; kopieringen fuldføres på et øjeblik.
  </Step>

  <Step title="Indsæt i din Figma-fil">
    Skift til Figma og åbn den fil, hvor du vil placere designet. Tryk **Cmd+V** på Mac eller **Ctrl+V** på Windows for at indsætte. Flowstep-skærmene vises på dit Figma-lærred, klar til redigering.
  </Step>
</Steps>

<Note>
  Kopiering til Figma bruger din browsers udklipsholder, så browseren skal tillade Flowstep adgang til udklipsholderen — hvis du får en tilladelsesfejl, tillad adgang til udklipsholderen i dine browserindstillinger og prøv igen. Skift af faner under kopiering afbryder overføringen; hold Flowstep-fanen fokuseret, indtil kopieringen er fuldført.
</Note>

<Tip>
  Indsæt framen på en dedikeret "AI imports"-side i Figma for at holde dine arbejdsfiler organiseret. Derfra kan du flytte elementer til dit design-system eller komponentbibliotek efter eget tempo.
</Tip>

## Importer et design fra Figma

Du kan også gå den anden vej og bringe en Figma-frame til Flowstep som redigerbare skærme. Import er tilgængelig for alle — forbind din Figma-konto én gang, derefter importer fra et frame-link.

<Steps>
  <Step title="Forbind Figma">
    Forbind din Figma-konto til Flowstep fra dine indstillinger. Flowstep bruger Figmas autorisering til at læse de filer, du har adgang til.
  </Step>

  <Step title="Kopier et frame-link i Figma">
    I Figma skal du højreklikke på den frame, du vil bruge, og vælge **Copy link to selection**. Du kan også kopiere et link til en hel side for at importe alle dens top-level frames på én gang.
  </Step>

  <Step title="Importer til Flowstep">
    Brug Figma-import-indstillingen i Flowstep-værktøjslinjen og indsæt linket. Flowstep konverterer framen til redigerbare elementer på dit lærred. Genimportering af samme frame opdaterer den på plads.
  </Step>
</Steps>

### Hvad bliver importeret

Flowstep genskaber en Figma-frame som native, redigerbare elementer — ikke et fladt billede. En import bringer følgende med:

* Frames og deres indlejrede lag
* Tekst, herunder tegn-for-tegn-styling som vægt, farve og fed
* Farver fra dine Figma-variable
* Billedfyldninger og SVG-ikoner og former
* Drop- og indre skygger og lag- og baggrundsudtoning
* Stiplede og prikket linjer

<Note>
  Filens organisation skal have Figma forbundet. Hvis en frame ikke vil importeres, viser Flowstep en handlingsbar besked, der fortæller dig, hvad du skal gøre næste — for eksempel genopforbinde Figma, hvis din autorisation er udløbet, vent og prøv igen, hvis Figma er rate-limiting eller langsom, eller for en Community-skabelon skal du duplikere den til dit team først og indsætte det nye link.
</Note>