Saltar al contingut principal
Screenshot 2026 05 06 At 14 19 04
Flowstep està pensat per encaixar en el flux de disseny que ja fas servir, no per substituir-lo. Pots generar un disseny a Flowstep i portar-lo tot seguit a Figma amb un simple copiar i enganxar, o fer el camí contrari i importar un marc de Figma a Flowstep. Així obtens la rapidesa de la generació de dissenys amb IA combinada amb la precisió i les funcions de col·laboració que fas servir a Figma.
Flowstep i Figma són eines complementàries, no competidores. Flowstep t’ajuda a generar i explorar idees d’UI ràpidament; Figma és on refines, col·labores i desenvolupes el treball a punt per a producció. Fer servir totes dues junt t’ofereix el millor de cada una.

​
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-n diverses per copiar-les totes d’una vegada. Assegura’t que la selecció es ressalti 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.” (Preparant el disseny. Queda’t a la pestanya actual.) mentre treballa; la còpia es completa en un moment.
3

Enganxa al fitxer de Figma

Canvia a Figma i obre el fitxer on vols col·locar el disseny. Prem Cmd+V a Mac o Ctrl+V a Windows per enganxar. Les pantalles de Flowstep apareixeran al llenç de Figma, a punt per editar.
Copiar a Figma fa servir el portapapers del navegador, de manera que el navegador ha de permetre l’accés al portapapers a Flowstep. Si veus un error de permisos, permet l’accés al portapapers a la configuració del navegador i torna-ho a provar. Si canvies de pestanya durant la còpia, la transferència s’interromp; mantén la pestanya de Flowstep enfocada fins que acabi la còpia.
Enganxa el marc en una pàgina dedicada “AI imports” a Figma per mantenir ordenats els fitxers de treball. Des d’allà, pots moure elements al teu sistema de disseny o a la biblioteca de components principal quan ho vulguis.

​
Importa un disseny des de Figma

També pots fer el camí contrari i portar un marc de Figma a Flowstep com a pantalles editables. La importació està disponible per a tothom: connecta el teu compte de Figma una vegada i després importa des d’un enllaç de marc.
1

Connecta Figma

Connecta el teu compte de Figma a Flowstep des de la configuració. Flowstep fa servir 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 tria Copy link to selection. També pots copiar un enllaç a una pàgina sencera per importar-ne tots els marcs de primer nivell alhora.
3

Importa a Flowstep

Fes servir 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 llenç. Cada importació afegeix una pantalla nova: importar el mateix marc de nou no substitueix la importació anterior, així que elimina la pantalla antiga si ja no la necessites.

​
Què s’importa

Flowstep recrea un marc de Figma com a elements nadius i editables, no com una imatge plana. Una importació porta:
  • Marcs i les seves capes niuades
  • Text, incloent-hi l’estil per caràcter, com el pes, el color i la negreta
  • Colors de les variables de Figma
  • Emplenaments d’imatge, i icones i formes SVG
  • Ombres exteriors i interiors, i desenfocaments de capa i de fons
  • Traços discontinus i de punts
L’organització del fitxer ha de tenir Figma connectat. Si un marc no s’importa, Flowstep mostra un missatge d’error amb indicacions concretes sobre què fer a continuació: per exemple, tornar a connectar Figma si l’autorització ha caducat, esperar i tornar-ho a provar si Figma limita les peticions o respon lentament o, en el cas d’una plantilla de la comunitat, duplicar-la primer al teu equip i enganxar el nou enllaç.