Flowstep un Figma ir papildinoši rīki, nevis konkurenti. Flowstep palīdz ātri ģenerēt un izpētīt UI dizaina idejas, bet Figma ir vieta, kur pilnveidojat, sadarbojaties un izstrādājat gatavus darbus. Abu rīku izmantošana kopā dod labāko no abiem.
Kā kopēt Flowstep dizainu uz Figma
1
Atlasiet vienu vai vairākus ekrānus Flowstep
Noklikšķiniet uz ekrāna, lai to atlasītu, vai atlasiet vairākus ekrānus, lai nokopētu visus vienā reizē. Pārliecinieties, ka atlase audeklā ir izcelta.
2
Kopējiet atlasi
Nospiediet **Cmd+**⇧+C operētājsistēmā Mac vai **Ctrl+**⇧+C operētājsistēmā Windows. Flowstep rāda “Preparing your design. Stay on the current tab.” kamēr tas strādā; kopēšana drīz pabeidzas.
3
Ielīmējiet savā Figma failā
Pārslēdzieties uz Figma un atveriet failu, kurā vēlaties novietot dizainu. Nospiediet Cmd+V operētājsistēmā Mac vai Ctrl+V operētājsistēmā Windows, lai ielīmētu. Flowstep ekrāni parādīsies jūsu Figma audeklā, gatavi rediģēšanai.
Kopēšana uz Figma izmanto jūsu pārlūkprogrammas starpliktuvi, tāpēc pārlūkprogrammai jāatļauj Flowstep piekļuve starpliktuvei. Ja redzat atļauju kļūdu, atļaujiet piekļuvi starpliktuvei pārlūkprogrammas iestatījumos un mēģiniet vēlreiz. Ja pārslēdzat cilnes kopēšanas laikā, pārsūtīšana tiek pārtraukta; līdz kopēšana ir pabeigta, paturiet Flowstep cilni aktīvu.
Importēt dizainu no Figma
Jūs varat arī darīt pretēji un ienest Figma rāmi Flowstep kā rediģējamus ekrānus. Importēšana ir pieejama visiem: vienreiz savienojiet savu Figma kontu un pēc tam importējiet pēc rāmja saites.1
Savienojiet Figma
Savienojiet savu Figma kontu ar Flowstep no iestatījumiem. Flowstep izmanto Figma autorizāciju, lai nolasītu failus, kuriem jums ir piekļuve.
2
Nokopējiet rāmja saiti Figma
Figma ar peles labo pogu noklikšķiniet uz vēlamā rāmja un izvēlieties Copy link to selection. Varat arī nokopēt saiti uz visu lapu, lai uzreiz importētu visus tās augstākā līmeņa rāmjus.
3
Importējiet Flowstep
Izmantojiet Figma importēšanas opciju Flowstep rīkjoslā un ielīmējiet saiti. Flowstep pārvērš rāmi rediģējamos elementos jūsu audeklā. Katrs imports pievieno jaunu ekrānu. Ja importējat to pašu rāmi vēlreiz, iepriekšējais imports netiek aizstāts, tāpēc izdzēsiet veco ekrānu, ja tas vairs nav vajadzīgs.
Kas tiek importēts
Flowstep atjauno Figma rāmi kā dzimtos, rediģējamus elementus, nevis plakanu attēlu. Imports pārnes:- Rāmjus un to iekšējos slāņus
- Tekstu, tostarp stilu pa rakstzīmēm, piemēram, svaru, krāsu un treknrakstu
- Krāsas no jūsu Figma mainīgajiem
- Attēlu aizpildījumus, kā arī SVG ikonas un formas
- Krītošās un iekšējās ēnas, kā arī slāņu un fona izplūdumus
- Punktētas un svītrotas līnijas
Faila organizācijai jābūt savienotai ar Figma. Ja rāmis netiek importēts, Flowstep parāda ziņojumu ar norādījumiem, ko darīt tālāk. Piemēram, savienojiet Figma no jauna, ja jūsu autorizācija ir beigusies. Pagaidiet un mēģiniet vēlreiz, ja Figma ierobežo pieprasījumus vai lēni atbild. Ja tā ir Community sagatave, vispirms dublējiet to savai komandai un ielīmējiet jauno saiti.