
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.
Flowstep terv másolása Figmába
1
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.
2
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.
3
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.
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.
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.1
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.
2
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.
3
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.
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
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.