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

​
Slik kopierer du et Flowstep-design til Figma

1

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

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

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

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

Koble til Figma

Koble Figma-kontoen din til Flowstep fra innstillingene dine. Flowstep bruker Figmas autorisasjon til å lese filene du har tilgang til.
2

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

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.

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