
Flowstep și Figma sunt instrumente complementare, nu concurente. Flowstep te ajută să generezi și să explorezi rapid idei de design UI; Figma este locul unde rafinezi, colaborezi și construiești lucrări gata pentru producție. Folosirea ambelor împreună îți dă ce e mai bun din fiecare.
Cum să copiezi un design Flowstep în Figma
1
Selectează uno sau mai multe ecrane în Flowstep
Fă clic pe un ecran pentru a-l selecta — sau selectează mai multe ecrane pentru a le copia pe toate dintr-o dată. Asigură-te că selecția este evidențiată pe canvas.
2
Copiază selecția
Apasă **Cmd+**⇧+C pe Mac sau **Ctrl+**⇧+C pe Windows. Flowstep afișează “Preparing your design — stay on this tab and keep the screen selected” în timp ce lucrează; copia se finalizează într-un moment.
3
Lipește în fișierul tău Figma
Comută în Figma și deschide fișierul unde vrei să plasezi designul. Apasă Cmd+V pe Mac sau Ctrl+V pe Windows pentru a lipi. Ecranele Flowstep apar pe canvas-ul tău Figma, gata de editare.
Copiarea în Figma folosește clipboard-ul browserului tău, deci browserul trebuie să permită accesul Flowstep la clipboard — dacă vezi o eroare de permisiune, permite accesul la clipboard în setările browserului și încearcă din nou. Comutarea tab-urilor pe parcursul copierii întrerupe transferul; ține tab-ul Flowstep focusat până când copia se finalizează.
Importă un design din Figma
Poți merge și în altă direcție și aduce un cadru din Figma în Flowstep sub formă de ecrane editabile. Importarea este disponibilă pentru toți — conectează-ți contul Figma o dată, apoi importă dintr-un link de cadru.1
Conectează Figma
Conectează-ți contul Figma la Flowstep din setările tale. Flowstep folosește autorizarea Figma pentru a citi fișierele la care ai acces.
2
Copiază un link de cadru în Figma
În Figma, fă clic dreapta pe cadrul pe care vrei și alege Copy link to selection. Poți, de asemenea, copia un link către o pagină întreagă pentru a importa toate cadrele sale de nivel superior dintr-o dată.
3
Importă în Flowstep
Folosește opțiunea de import Figma din bara de instrumente Flowstep și lipește link-ul. Flowstep convertește cadrul în elemente editabile pe canvas-ul tău. Re-importarea aceluiași cadru îl actualizează la loc.
Ce se importă
Flowstep recreează un cadru din Figma ca elemente native, editabile — nu ca o imagine plată. O importare aduce:- Cadre și straturile lor imbricate
- Text, inclusiv stilizare per caracter cum ar fi grosime, culoare și bold
- Culori din variabilele tale Figma
- Umpleri cu imagini și icoane SVG și forme
- Umbre DropShadow și inner, și estompare de strat și de fundal
- Linii punctate și cu puncte
Organizația fișierului trebuie să aibă Figma conectată. Dacă un cadru nu se importă, Flowstep afișează un mesaj care-ți spune ce să faci mai departe — de exemplu, reconectează Figma dacă autorizarea ta a expirat, așteaptă și încearcă din nou dacă Figma limitează viteza sau este lentă, sau, pentru un șablon Community, duplică-l mai întâi în echipa ta și lipește link-ul nou.