Spring til hovedindhold
Screenshot 2026 05 06 At 14 19 04
Flowstep er bygget til at passe ind i den designproces, du allerede bruger — ikke til at erstatte den. Du kan generere et design i Flowstep og straks overføre det til Figma med et enkelt kopiér og indsæt, eller gøre det modsatte og importere en Figma-frame til Flowstep. Det giver dig hastigheden fra AI-understøttet designgenerering kombineret med den præcision og de samarbejdsfunktioner, du bruger i Figma.
Flowstep og Figma supplerer hinanden og er ikke konkurrenter. Flowstep hjælper dig med hurtigt at generere og udforske UI-designidéer; Figma er stedet, hvor du raffinerer, samarbejder og udarbejder arbejde, der er klar til produktion. Når du bruger begge sammen, får du det bedste fra begge.

​
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. Sørg for, at markeringen er fremhævet på lærredet.
2

Kopiér markeringen

Tryk på **Cmd+**⇧+C på Mac eller **Ctrl+**⇧+C på Windows. Flowstep viser “Preparing your design. Stay on the current tab.” (Forbereder dit design. Bliv på den aktuelle fane.), mens den arbejder; kopieringen er klar om et øjeblik.
3

Indsæt i din Figma-fil

Skift til Figma, og åbn den fil, hvor du vil placere designet. Tryk på 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, at Flowstep får adgang til udklipsholderen. Hvis du ser en tilladelsesfejl, skal du tillade adgang til udklipsholderen i dine browserindstillinger og prøve igen. Hvis du skifter fane midt i kopieringen, afbrydes overførslen; hold Flowstep-fanen i fokus, indtil kopieringen er færdig.
Indsæt framen på en dedikeret “AI imports”-side i Figma for at holde dine arbejdsfiler organiseret. Derfra kan du flytte elementer over i dit hovedsystem for design eller dit komponentbibliotek i dit eget tempo.

​
Importér et design fra Figma

Du kan også gøre det modsatte og importere en Figma-frame til Flowstep som redigerbare skærme. Import er tilgængelig for alle — forbind din Figma-konto én gang, og importér derefter fra et frame-link.
1

Forbind Figma

Forbind din Figma-konto til Flowstep fra dine indstillinger. Flowstep bruger Figmas godkendelse til at læse de filer, du har adgang til.
2

Kopiér et frame-link i Figma

I Figma skal du højreklikke på den frame, du vil have, og vælge Copy link to selection. Du kan også kopiere et link til en hel side for at importere alle dens øverste frames på én gang.
3

Importér til Flowstep

Brug Figma-importmuligheden i Flowsteps værktøjslinje, og indsæt linket. Flowstep konverterer framen til redigerbare elementer på dit lærred. Hver import tilføjer en ny skærm. Hvis du importerer den samme frame igen, erstatter det ikke den tidligere import, så slet den gamle skærm, hvis du ikke længere har brug for den.

​
Hvad der bliver importeret

Flowstep genskaber en Figma-frame som native, redigerbare elementer — ikke som et fladt billede. En import medtager:
  • Frames og deres indlejrede lag
  • Tekst, inklusive stil pr. tegn som vægt, farve og fed skrift
  • Farver fra dine Figma-variabler
  • Billedfyld samt SVG-ikoner og -former
  • Slagskygger og indre skygger samt lag- og baggrundsslør
  • Stiplede og prikkede streger
Filens organisation skal have Figma forbundet. Hvis en frame ikke kan importeres, viser Flowstep en handlingsanvisende besked, der fortæller dig, hvad du skal gøre næste gang — for eksempel at forbinde Figma igen, hvis din godkendelse er udløbet, eller vente og prøve igen, hvis Figma begrænser antallet af forespørgsler eller svarer langsomt. For en Community-skabelon skal du først duplikere den til dit team og indsætte det nye link.