Skip to main content
Screenshot 2026 05 06 At 14 19 04
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.
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.

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

1

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

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

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

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

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

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

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.

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