Hopp til hovedinnhold
Screenshot 2026 05 06 At 14 19 04
Flowstep er laget for å passe inn i designarbeidsflyten du allerede bruker — ikke for å erstatte den. Du kan generere et design i Flowstep og straks ta det inn i Figma med et enkelt kopier og lim inn, eller gjøre det motsatte og importere en Figma-ramme til Flowstep. Da får du farten fra AI-generert design kombinert med presisjonen og samarbeidsfunksjonene du bruker i Figma.
Flowstep og Figma utfyller hverandre, de konkurrerer ikke. Flowstep hjelper deg å raskt generere og utforske ideer til brukergrensesnitt; Figma er der du forbedrer, samarbeider og bygger ferdig arbeid klart for produksjon. Når du bruker begge sammen, får du det beste fra begge.

​
Slik kopierer du et Flowstep-design til Figma

1

Velg én eller flere skjermer i Flowstep

Klikk på en skjerm for å velge den, eller velg flere skjermer for å kopiere dem alle på én gang. Kontroller at utvalget er markert på lerretet.
2

Kopier utvalget

Trykk **Cmd+**⇧+C på Mac eller **Ctrl+**⇧+C på Windows. Flowstep viser «Preparing your design. Stay on the current tab.» mens den jobber, og kopieringen er ferdig om et øyeblikk.
3

Lim inn i Figma-filen

Gå 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, klare til redigering.
Kopiering til Figma bruker nettleserens utklippstavle, så nettleseren må gi Flowstep tilgang til utklippstavlen. Hvis du får en tillatelsesfeil, gi tilgang til utklippstavlen i nettleserinnstillingene og prøv igjen. Hvis du bytter fane midt i kopieringen, avbrytes overføringen. Hold Flowstep-fanen aktiv til kopieringen er ferdig.
Lim inn rammen på en egen «AI-importer»-side i Figma for å holde arbeidsfilene dine ryddige. Derfra kan du flytte elementer over i designsystemet eller komponentbiblioteket ditt i ditt eget tempo.

​
Importer et design fra Figma

Du kan også gjøre det motsatte og ta en Figma-ramme inn i Flowstep som redigerbare skjermer. Import er tilgjengelig for alle. Koble Figma-kontoen din til én gang, og importer deretter fra en rammelenke.
1

Koble til Figma

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

Kopier en rammelenke i Figma

I Figma høyreklikker du rammen du vil bruke og velger Copy link to selection. Du kan også kopiere en lenke til en hel side for å importere alle rammene på øverste nivå samtidig.
3

Importer til Flowstep

Bruk Figma-importalternativet i Flowstep-verktøylinjen og lim inn lenken. Flowstep gjør rammen om til redigerbare elementer på lerretet ditt. Hver import legger til en ny skjerm. Hvis du importerer den samme rammen igjen, erstattes ikke den forrige importen, så slett den gamle skjermen hvis du ikke trenger den lenger.

​
Hva som blir importert

Flowstep gjenskaper en Figma-ramme som innebygde, redigerbare elementer, ikke som et flatt bilde. En import tar med seg:
  • Rammer og deres innebygde lag
  • Tekst, inkludert stiling per tegn som vekt, farge og fet skrift
  • Farger fra Figma-variablene dine
  • Bildefyll, samt SVG-ikoner og former
  • Slagskygger og indre skygger, og lag- og bakgrunnsuskarphet
  • Stiplede og prikkede streker
Organisasjonen som eier filen, må ha Figma koblet til. Hvis en ramme ikke importeres, viser Flowstep en melding med konkrete neste steg. For eksempel: koble til Figma på nytt hvis autorisasjonen har utløpt, vent og prøv igjen hvis Figma begrenser forespørsler eller svarer tregt, eller, for en Community-mal, dupliser den til teamet ditt først og lim inn den nye lenken.