> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Tervek áthelyezése Flowstep és Figma között

> Másolj be Flowstep kereteket a Figmába copy-paste segítségével, vagy importálj Figma kereteket a Flowstepbe szerkeszthető képernyőkként. Dolgozz mindkét eszközzel anélkül, hogy átváltanál.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.04.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=0e31f66d221bc267a060704be409d9f2" alt="Screenshot 2026 05 06 At 14 19 04" width="1838" height="1266" data-path="images/Screenshot-2026-05-06-at-14.19.04.png" />
</Frame>

A Flowstep úgy készült, hogy illeszkedjen az általad már használt tervezési munkafolyamatba — nem pedig az helyére kerüljön. Egy tervet generálhatsz a Flowstepben, és azonnal beemelheted azt Figmába egy egyszerű copy-paste segítségével, vagy fordítva járhatsz el, és importálhatsz egy Figma keretet a Flowstepbe. Ez azt jelenti, hogy az AI-támogatott tervgenerálás sebességét kapod meg kombinálva a Figmában mások által használt precizitás és együttműködési funkciókkal.

<Note>
  A Flowstep és a Figma kiegészítő eszközök, nem pedig konkurensek. A Flowstep segít gyorsan generálni és felfedezni a felhasználói felület terveit; a Figma az a hely, ahol finomhítod, együttműködsz és elkészítesz termelésre kész munkát. Mindkettő együttes használata a legjobbat adja neked.
</Note>

## Flowstep terv másolása Figmába

<Steps>
  <Step title="Válassz ki egy vagy több képernyőt a Flowstepben">
    Kattints egy képernyőre a kiválasztásához — vagy válassz ki több képernyőt, hogy mindegyiket egyszerre másolja. Bizonyosodj meg, hogy a kiválasztás ki van emelve a vásznon.
  </Step>

  <Step title="Másold a kiválasztást">
    Nyomj meg \*\*Cmd+\*\*⇧+**C** Mac-en vagy \*\*Ctrl+\*\*⇧+**C** Windows-on. A Flowstep megjeleníti a "Preparing your design — stay on this tab and keep the screen selected" üzenetet munka közben; a másolás egy pillanat alatt befejeződik.
  </Step>

  <Step title="Illeszd be a Figma fájlodba">
    Váltsd át a Figmára, és nyisd meg azt a fájlt, ahová a tervet szeretnéd helyezni. Nyomj meg **Cmd+V** Mac-en vagy **Ctrl+V** Windows-on a beillesztéshez. A Flowstep képernyői megjelennek a Figma vásznon, szerkesztésre készen.
  </Step>
</Steps>

<Note>
  A Figmára való másolás a böngésződ vágólapját használja, így a böngészőnek engedélyeznie kell a Flowstep vágólap-hozzáférését — ha engedélyhianyokat látsz, engedélyezd a vágólap hozzáférést a böngésző beállításaiban, és próbáld újra. A lapok közötti váltás a másolás közben megszakítja az átvitelt; tartsd a Flowstep lapot aktívnak, amíg a másolás befejeződik.
</Note>

<Tip>
  Illeszd be a keretet egy dedikált "AI imports" oldalra a Figmában, hogy rendszerezetted maradjanak a munkafájljaid. Onnan saját tempódban mozgathatod az elemeket a tervrendszeredbe vagy összetevő könyvtárodba.
</Tip>

## Tervek importálása Figmából

Fordított irányban is járhatsz el, és behozhatod a Figma keretet a Flowstepbe szerkeszthető képernyőként. Az importálás mindenki számára elérhető — egyszer csatlakoztatod a Figma-fiókodat, majd importálsz a keret linkjéről.

<Steps>
  <Step title="Csatlakoztatd a Figmát">
    Csatlakoztatd a Figma-fiókodat a Flowstephez a beállításaidból. A Flowstep a Figma hitelesítésével beolvassa azokat a fájlokat, amelyekhez hozzáférésed van.
  </Step>

  <Step title="Másold a keret linkjét a Figmában">
    A Figmában kattints jobb gombbal arra a keretre, amelyet szeretnél, és válaszd a **Copy link to selection** lehetőséget. Egy teljes oldal linkjét is másol, ha az oldal összes felső szintű keretét szeretnéd importálni egyszerre.
  </Step>

  <Step title="Importálás a Flowstepbe">
    Használd a Figma import lehetőséget a Flowstep eszköztárban, és illeszd be a linket. A Flowstep átalakítja a keretet szerkeszthető elemekké a vásznon. Ugyanazon keret újra importálása helyben frissíti azt.
  </Step>
</Steps>

### Mit importálnak

A Flowstep egy Figma keretet natív, szerkeszthető elemekként hozza létre — nem lapos képként. Az importálás magával hoz:

* Kereteket és azok beágyazott rétegeit
* Szöveget, beleértve a karakterenként beállított stílust, például vastagságot, színt és félkövér
* Színeket a Figma változóidból
* Képtöltéseket és SVG ikonokat és alakzatokat
* Csepp- és belső árnyékokat, valamint réteg- és háttér elmosódásokat
* Szaggatott és pontozott vonásokat

<Note>
  A fájl szervezetének csatlakoztatott Figmával kell rendelkeznie. Ha egy keret nem fog importálódni, a Flowstep egy műveleti üzenetet jelenít meg, amely elmondja, hogy mit kell tenned — például csatlakoztatd újra a Figmát, ha a hitelesítésed lejárt, várj és próbáld újra, ha a Figma sebességlimitálása vagy lassúsága miatt van probléma, vagy egy közösségi sablon esetén duplikáld azt az csapattá, és illeszd be az új linket.
</Note>