Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep està creat per encaixar en el flux de disseny que ja utilitzes — no pas per substituir-lo. Pots generar un disseny a Flowstep i portar-lo immediatament a Figma utilitzant una simple copia i enganxa, o fer el camí oposat i importar un marc de Figma a Flowstep. Això significa que obtens la velocitat de la generació de disseny assistida per IA combinada amb les funcionalitats de precisió i col·laboració en les quals confies a Figma.
Flowstep i Figma són eines complementàries, no competidors. Flowstep t’ajuda a generar i explorar ràpidament idees de disseny de UI; Figma és on refines, col·labores, i construeixes el treball llest per a producció. Utilitzar ambdues juntes et dóna el millor de les dues.

Com copiar un disseny de Flowstep a Figma

1

Selecciona una o més pantalles a Flowstep

Fes clic a una pantalla per seleccionar-la — o selecciona diverses pantalles per copiar-les totes de una vegada. Assegura’t que la selecció està destacada al llenç.
2

Copia la selecció

Prem **Cmd+**⇧+C a Mac o **Ctrl+**⇧+C a Windows. Flowstep mostra “Preparing your design — stay on this tab and keep the screen selected” mentre treballa; la còpia es completa en un moment.
3

Enganxa al teu fitxer 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, llestes per editar.
Copiar a Figma utilitza el porta-retalls del navegador, així que el navegador ha de permetre l’accés al porta-retalls de Flowstep — si veus un error de permisos, permet l’accés al porta-retalls a la configuració del navegador i torna-ho a intentar. Canviar de pestanya durant la còpia interromp la transferència; mantén la pestanya de Flowstep enfocada fins que la còpia es completi.
Enganxa el marc en una pàgina dedicada a “AI imports” a Figma per mantenir els teus fitxers de treball organitzats. Des d’allà, pots moure elements al teu sistema de disseny principal o a la biblioteca de components al teu ritme.

Importa un disseny des de Figma

También pots fer el camí oposat i portar un marc de Figma a Flowstep com a pantalles editables. Importar està disponible per a tothom — connecta la teva compra de Figma una vegada, aleshores importa des d’un enllaç de marc.
1

Connecta Figma

Connecta la teva compra de Figma a Flowstep des de la teva configuració. Flowstep utilitza l’autorització de Figma per llegir els fitxers als quals tens accés.
2

Copia un enllaç de marc a Figma

A Figma, fes clic dret al marc que vols i trieu Copy link to selection. También pots copiar un enllaç a una pàgina completa per importar tots els seus marcs de nivell superior a la vegada.
3

Importa a Flowstep

Utilitza 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 in situ.

Què s’importa

Flowstep recrea un marc de Figma com a elements editables natius — no com a una imatge pla. Una importació porta:
  • Marcs i les seves capes imbricades
  • Text, inclòs l’estil per caràcter com a pes, color i negreta
  • Colors de les teves variables de Figma
  • Emplenat d’imatges, i icones SVG i formes
  • Ombres externes i internes, i desenfocat de capa i fons
  • Traços puntejats i puntejats
L’organització del fitxer ha de tenir Figma connectada. Si un marc no s’importa, Flowstep mostra un missatge accionable que et diu què fer a continuació — per exemple, reconnecta Figma si la teva autorització ha caducat, espera i reintentar si Figma està limitant la taxa o és lent per respondre, o, per a una plantilla comunitària, duplica-la al teu equip primer i enganxa el nou enllaç.