Skip to main content
Screenshot 2026 05 06 At 14 19 04
O Flowstep foi construído para se integrar no fluxo de trabalho de design que já utilizas — não para o substituir. Podes gerar um design no Flowstep e imediatamente trazê-lo para o Figma usando um simples copy-and-paste, ou fazer o caminho inverso e importar um frame do Figma para o Flowstep. Isto significa que obténs a velocidade da geração de design assistida por IA combinada com as funcionalidades de precisão e colaboração em que confias no Figma.
O Flowstep e o Figma são ferramentas complementares, não concorrentes. O Flowstep ajuda-te a gerar e explorar rapidamente ideias de design de UI; o Figma é onde refinas, colaboras e constrói trabalho pronto para produção. Usar ambas em conjunto dá-te o melhor dos dois mundos.

​
Como copiar um design do Flowstep para Figma

1

Seleciona um ou vários ecrãs no Flowstep

Clica num ecrã para o seleccionar — ou selecciona vários ecrãs para os copiar todos de uma vez. Certifica-te de que a seleção está destacada na tela.
2

Copia a seleção

Prima **Cmd+**⇧+C no Mac ou **Ctrl+**⇧+C no Windows. O Flowstep mostra “Preparing your design — stay on this tab and keep the screen selected” enquanto trabalha; a cópia completa num momento.
3

Cola no teu ficheiro do Figma

Muda para o Figma e abre o ficheiro onde queres colocar o design. Prima Cmd+V no Mac ou Ctrl+V no Windows para colar. Os ecrãs do Flowstep aparecem na tua tela do Figma, prontos para editar.
Copiar para o Figma utiliza a área de transferência do teu navegador, portanto o navegador tem de permitir o acesso à área de transferência do Flowstep — se vires um erro de permissão, permite o acesso à área de transferência nas definições do teu navegador e tenta novamente. Mudar de separador durante a cópia interrompe a transferência; mantém o separador do Flowstep focado até a cópia terminar.
Cola o frame numa página dedicada “AI imports” no Figma para manter os teus ficheiros de trabalho organizados. A partir daí, podes mover elementos para o teu sistema de design ou biblioteca de componentes ao teu próprio ritmo.

​
Importa um design a partir do Figma

Podes também fazer o caminho inverso e trazer um frame do Figma para o Flowstep como ecrãs editáveis. A importação está disponível para todos — liga a tua conta do Figma uma vez, depois importa a partir de uma ligação de frame.
1

Liga o Figma

Liga a tua conta do Figma ao Flowstep a partir das tuas definições. O Flowstep utiliza a autorização do Figma para ler os ficheiros aos quais tens acesso.
2

Copia uma ligação de frame no Figma

No Figma, clica com o botão direito no frame que queres e escolhe Copy link to selection. Também podes copiar uma ligação para uma página inteira para importar todos os seus frames de nível superior de uma vez.
3

Importa para o Flowstep

Utiliza a opção de importação do Figma na barra de ferramentas do Flowstep e cola a ligação. O Flowstep converte o frame em elementos editáveis na tua tela. Re-importar o mesmo frame actualiza-o no local.

​
O que é importado

O Flowstep recria um frame do Figma como elementos nativos e editáveis — não como uma imagem plana. Uma importação traz:
  • Frames e as suas camadas aninhadas
  • Texto, incluindo estilo por carácter como peso, cor e negrito
  • Cores a partir das tuas variáveis do Figma
  • Preenchimentos de imagem e ícones e formas SVG
  • Sombras internas e externas, e desfocagens de camada e fundo
  • Traços tracejados e pontuados
A organização do ficheiro tem de ter o Figma ligado. Se um frame não importar, o Flowstep mostra uma mensagem acionável que te diz o que fazer a seguir — por exemplo, volta a ligar o Figma se a tua autorização expirou, espera e tenta novamente se o Figma está a limitar a taxa ou a responder lentamente, ou, para um modelo comunitário, duplica-o para a tua equipa primeiro e cola a nova ligação.