
Flowstep și Figma sunt instrumente complementare, nu concurente. Flowstep te ajută să generezi rapid și să explorezi idei de interfață; Figma este locul în care rafinezi, colaborezi și finalizezi lucrarea gata de producție. Folosite împreună, cele două instrumente îți oferă ce e mai bun din ambele.
Cum copiezi un design Flowstep în Figma
1
Selectează unul sau mai multe ecrane în Flowstep
Dă clic pe un ecran ca să îl selectezi sau selectează mai multe ecrane ca să le copiezi 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 the current tab.” (Se pregătește designul tău. Rămâi pe fila curentă.) cât timp lucrează; copierea se finalizează în câteva clipe.
3
Lipește în fișierul tău Figma
Treci în Figma și deschide fișierul în care vrei să plasezi designul. Apasă Cmd+V pe Mac sau Ctrl+V pe Windows ca să lipești. Ecranele Flowstep apar pe canvasul Figma, gata de editare.
Copierea în Figma folosește clipboardul browserului, deci browserul trebuie să permită Flowstep accesul la clipboard. Dacă vezi o eroare de permisiune, permite accesul la clipboard în setările browserului și încearcă din nou. Schimbarea filelor în timpul copierii întrerupe transferul; menține fila Flowstep activă până se termină copierea.
Importă un design din Figma
Poți și invers: să aduci un cadru Figma în Flowstep ca ecrane editabile. Importul este disponibil tuturor: conectează-ți contul Figma o singură dată, apoi importă dintr-un link către cadru.1
Conectează Figma
Conectează-ți contul Figma la Flowstep din setările tale. Flowstep folosește autorizarea Figma ca să citească fișierele la care ai acces.
2
Copiază un link către cadru în Figma
În Figma, fă clic dreapta pe cadrul dorit și alege Copy link to selection. Poți copia și un link către o pagină întreagă, ca să imporți deodată toate cadrele de nivel superior de pe ea.
3
Importă în Flowstep
Folosește opțiunea de import Figma din bara de instrumente Flowstep și lipește linkul. Flowstep convertește cadrul în elemente editabile pe canvas. Fiecare import adaugă un ecran nou. Importul din nou al aceluiași cadru nu înlocuiește importul anterior, așa că șterge ecranul vechi dacă nu mai ai nevoie de el.
Ce se importă
Flowstep recreează un cadru Figma ca elemente native, editabile, nu ca imagine statică. Un import aduce:- Cadre și straturile lor imbricate
- Text, inclusiv stilizarea pe caracter, precum greutatea, culoarea și aldine
- Culori din variabilele tale Figma
- Umpluturi cu imagini, precum și pictograme și forme SVG
- Umbre exterioare și interioare, precum și estomparea straturilor și a fundalurilor
- Contururi punctate și liniate
Organizația fișierului trebuie să aibă Figma conectat. Dacă un cadru nu se importă, Flowstep afișează un mesaj util care îți spune ce să faci în continuare: de exemplu, reconectează Figma dacă autorizarea a expirat, așteaptă și reîncearcă dacă Figma limitează cererile sau răspunde lent sau, pentru un șablon din Community, duplică-l mai întâi în echipa ta și lipește noul link.