
Flowstep i Figma són eines complementàries, no competidores. Flowstep t’ajuda a generar ràpidament i explorar idees de disseny d’interfícies; Figma és on refines, col·labores, i construeixes treballs preparats per a la producció. Usar ambdues juntes et dona el millor dels dos.
Com copiar un disseny de Flowstep a Figma
1
Selecciona una o més pantalles a Flowstep
Fes clic en una pantalla per seleccionar-la — o selecciona diverses pantalles per copiar-les totes d’una vegada. Assegura’t que la selecció és destacada al llenç.
2
Copia la selecció
Prem **Cmd+**⇧+C a Mac o **Ctrl+**⇧+C a Windows. Flowstep mostra “Preparing your design. Stay on the current tab.” mentre treballa; la còpia es completa en un moment.
3
Enganxa al teu fitxer de Figma
Canvia a Figma i obri el fitxer on vols col·locar el disseny. Prem Cmd+V a Mac o Ctrl+V a Windows per enganxar. Les pantalles de Flowstep apareixen al teu llenç de Figma, preparades per editar.
Copiar a Figma utilitza el porta-retalls del teu navegador, així que el navegador ha de permetre a Flowstep l’accés al porta-retalls — si veus un error de permís, permet l’accés al porta-retalls als paràmetres del teu navegador i torna-ho a intentar. Canviar de pestanya mentre es copia interromp la transferència; mantén la pestanya de Flowstep enfocada fins que es completi la còpia.
Importa un disseny des de Figma
También pots fer-ho a l’inrevés i portar un marc de Figma a Flowstep com a pantalles editables. Importar està disponible per a tothom — connecta el teu compte de Figma una vegada, després importa des d’una enllaç de marc.1
Connecta Figma
Connecta el teu compte de Figma a Flowstep des dels teus paràmetres. Flowstep utilitza l’autorització de Figma per llegir els fitxers als quals tens accés.
2
Copia una enllaç de marc a Figma
A Figma, fes clic dret al marc que vols i tria Copy link to selection. También pots copiar un enllaç a una pàgina sencera per importar tots els seus marcs de nivell superior d’una vegada.
3
Importa a Flowstep
Usa l’opció d’importació de Figma a la barra d’eines de Flowstep i enganxa l’enllaç. Flowstep converteix el marc en elements editables al teu llenç. Reimportar el mateix marc l’actualitza en el lloc.
Allò que s’importa
Flowstep recrea un marc de Figma com a elements nadius, editables — no una imatge plana. Una importació porta:- Marcs i les seves capes niades
- Text, incloent l’estil per caràcter com pes, color, i negreta
- Colors de les teves variables de Figma
- Omplenes d’imatge, i icones SVG i formes
- Ombres caigudes i internes, i capes i desenfocaments de fons
- Línies discontínues i puntejades
L’organització del fitxer ha de tenir Figma connectat. Si un marc no s’importa, Flowstep mostra un missatge factible que et diu allò que has de fer per continuació — per exemple, torna a connectar Figma si la teva autorització ha caducat, espera i torna-ho a intentar si Figma està limitant la velocitat o és lent per respondre, o, per a una plantilla de Comunitat, duplica-la al teu equip primer i enganxa l’enllaç nou.