Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep är utformat för att passar in i det designarbetsflöde du redan använder — inte för att ersätta det. Du kan generera en design i Flowstep och omedelbar ta den till Figma med en enkel kopiera-och-klistra, eller gå andra vägen och importera en Figma-ram till Flowstep. Detta betyder att du får hastigheten av AI-assisterad designgenerering kombinerad med den precision och samarbetsfunktioner du förlitar dig på i Figma.
Flowstep och Figma är kompletterande verktyg, inte konkurrenter. Flowstep hjälper dig att snabbt generera och utforska UI-designidéer; Figma är där du förfinar, samarbetar och bygger upp produktionsklar arbete. Att använda båda tillsammans ger dig det bästa av båda.

​
Hur man kopierar en Flowstep-design till Figma

1

Välj en eller flera skärmar i Flowstep

Klicka på en skärm för att välja den — eller välj flera skärmar för att kopiera dem alla på en gång. Se till att markeringen är markerad på arbetsytan.
2

Kopiera markeringen

Tryck på **Cmd+**⇧+C på Mac eller **Ctrl+**⇧+C på Windows. Flowstep visar “Preparing your design. Stay on the current tab.” medan det arbetar; kopian är klar om en stund.
3

Klistra in i din Figma-fil

Växla till Figma och öppna filen där du vill placera designen. Tryck på Cmd+V på Mac eller Ctrl+V på Windows för att klistra in. Flowstep-skärmarna visas på din Figma-arbetsyta, redo att redigeras.
Att kopiera till Figma använder din browsers urklipp, så webbläsaren måste tillåta Flowstep urklippsåtkomst — om du ser ett tillståndsfel, tillåt urklippsåtkomst i dina webbläsarinställningar och försök igen. Att byta flik mitt i kopieringen avbryts överföringen; håll Flowstep-fliken fokuserad tills kopian är klar.
Klistra in ramen på en dedikerad “AI imports”-sida i Figma för att hålla dina arbetsfiler organiserade. Därifrån kan du flytta element till ditt designsystem eller komponentbibliotek i din egen takt.

​
Importera en design från Figma

Du kan också gå andra vägen och ta en Figma-ram till Flowstep som redigerbara skärmar. Import är tillgänglig för alla — koppla din Figma-konto en gång, sedan importera från en framlänk.
1

Koppla Figma

Koppla din Figma-konto till Flowstep från dina inställningar. Flowstep använder Figmas auktorisering för att läsa de filer du har åtkomst till.
2

Kopiera en framlänk i Figma

I Figma, högerklicka på den ram du vill ha och välj Copy link to selection. Du kan också kopiera en länk till en helt sida för att importera alla dess översta ramar på en gång.
3

Importera till Flowstep

Använd Figma-importalternativet i Flowstep-verktygsfältet och klistra in länken. Flowstep konverterar ramen till redigerbara element på din arbetsyta. Om du importerar samma ram igen uppdateras den på plats.

​
Vad som importeras

Flowstep återskapar en Figma-ram som ursprungliga, redigerbara element — inte en platt bild. En import tar över:
  • Ramar och deras kapslade lager
  • Text, inklusive per-tecken-stil som vikt, färg och fetstil
  • Färger från dina Figma-variabler
  • Bildfyllningar, och SVG-ikoner och former
  • Släpp- och inre skuggor, och lager- och bakgrundsoskärpa
  • Streckade och prickade streck
Filens organisation måste ha Figma ansluten. Om en ram inte importeras visar Flowstep ett handlingsbart meddelande som säger dig vad du ska göra härnäst — till exempel återkoppla Figma om din auktorisering har gått ut, vänta och försök igen om Figma är hastighetsbegränsad eller långsam att svara, eller för en Community-mall duplicera den till ditt team först och klistra in den nya länken.