Flowstep un Figma ir papildinoši rīki, nevis konkurenti. Flowstep palīdz ātri ģenerēt un izpētīt UI dizaina idejas; Figma ir vieta, kur jūs precizējat, sadarbojaties un veidojat ražošanas gatavu darbu. Abu rīku kopēja izmantošana dod jums labākos 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 kopētu tos visus vienā reizē. Pārliecinieties, ka atlase ir iezīmēta kanvā.
2
Kopējiet atlasi
Nospiediet **Cmd+**⇧+C Mac vai **Ctrl+**⇧+C Windows. Flowstep parāda “Preparing your design — stay on this tab and keep the screen selected” kamēr tas darbojas; kopēšana tiek pabeigta brīdī.
3
Ielīmējiet savā Figma failā
Pārslēgieties uz Figma un atveriet failu, kur vēlaties novietot dizainu. Nospiediet Cmd+V Mac vai Ctrl+V Windows, lai ielīmētu. Flowstep ekrāni parādās jūsu Figma kanvā, gatavi rediģēšanai.
Kopēšana uz Figma izmanto jūsu pārlūka starpniecības buferi, tāpēc pārlūkam jāļauj Flowstep piekļuvei starpniecības buferim — ja redzat atļaujas kļūdu, atļaujiet starpniecības buferi piekļuvei jūsu pārlūka iestatījumos un mēģiniet vēlreiz. Cilnes maiņa kopēšanas laikā pārtrauc pārsūtīšanu; saglabājiet Flowstep cilni fokusētā, līdz kopēšana beidzas.
Importēt dizainu no Figma
Jūs varat arī rīkoties otrādi un ievietot Figma kadru uz Flowstep kā rediģējamus ekrānus. Importēšana ir pieejama visiem — vienreiz pievienojiet savu Figma kontu, tad importējiet no kadru saites.1
Pievienojiet Figma
Pievienojiet savu Figma kontu Flowstep no jūsu iestatījumiem. Flowstep izmanto Figma autorizāciju, lai nolasītu jūsu pieejamos failus.
2
Kopējiet kadra saiti Figma
Figma, ar peles labo pogu noklikšķiniet uz kadra, kuru vēlaties, un izvēlieties Copy link to selection. Jūs varat arī kopēt saiti uz veselu lapu, lai vienreiz importētu visus tās augšējā līmeņa kadrus.
3
Importējiet uz Flowstep
Izmantojiet Figma importēšanas opciju Flowstep rīkjoslā un ielīmējiet saiti. Flowstep pārvērtē kadru par vietējiem, rediģējamiem elementiem jūsu kanvā. Viena un tā paša kadra atkārtota importēšana to atjaunina vietā.
Kas tiek importēts
Flowstep atkopj Figma kadru kā vietējos, rediģējamus elementus — nevis plakanu attēlu. Importēšana nes:- Kadrus un to ligzdotos slāņus
- Tekstu, tostarp rakstzīmju līmeņa stilu, kā svars, krāsa un treknraksts
- Krāsas no jūsu Figma mainīgajiem
- Attēlu aizpildījumus, SVG ikonas un formas
- Kritas un iekšējās ēnas, un slāņa un fona neostrības
- Pārtrauktas un punktotas gariņas
Faila organizācijai jābūt pievienotai Figma. Ja kadrs neimportējas, Flowstep parāda informatīvu ziņojumu, kas norāda, ko darīt tālāk — piemēram, atkārtoti pievienojiet Figma, ja jūsu autorizācija ir beidzusies, pagaidiet un mēģiniet vēlreiz, ja Figma rate-limits vai ir lēna, vai, kopienas veidnei, vispirms dublējiet to savā komandai un ielīmējiet jauno saiti.