Skip to main content
Screenshot 2026 05 06 At 14 19 04
O Flowstep foi criado para se encaixar no fluxo de trabalho de design que já usa — não para o substituir. Pode gerar um design no Flowstep e trazer imediatamente para Figma usando um simples copiar-e-colar, ou fazer o inverso e importar um frame do Figma para o Flowstep. Isto significa que obtém a velocidade da geração de design assistida por IA combinada com as funcionalidades de precisão e colaboração em que confia no Figma.
O Flowstep e o Figma são ferramentas complementares, não concorrentes. O Flowstep ajuda-o a gerar e explorar rapidamente ideias de design de UI; o Figma é onde refina, colabora e constrói trabalho pronto para produção. Usar ambos em conjunto dá-lhe o melhor dos dois.

​
Como copiar um design do Flowstep para Figma

1

Selecione um ou mais ecrãs no Flowstep

Clique num ecrã para o selecionar — ou selecione vários ecrãs para os copiar todos de uma vez. Certifique-se de que a seleção está realçada no canvas.
2

Copie a seleção

Pressione **Cmd+**⇧+C em Mac ou **Ctrl+**⇧+C no Windows. O Flowstep mostra “Preparing your design. Stay on the current tab.” enquanto trabalha; a cópia completa-se num momento.
3

Cole no seu ficheiro Figma

Mude para Figma e abra o ficheiro onde quer colocar o design. Pressione Cmd+V em Mac ou Ctrl+V no Windows para colar. Os ecrãs do Flowstep aparecem no seu canvas do Figma, prontos para editar.
Copiar para Figma usa o clipboard do seu navegador, por isso o navegador deve permitir ao Flowstep acesso ao clipboard — se vir um erro de permissão, permita acesso ao clipboard nas definições do seu navegador e tente novamente. Trocar de abas durante a cópia interrompe a transferência; mantenha o separador do Flowstep focado até a cópia estar completa.
Cole o frame numa página “AI imports” dedicada no Figma para manter os seus ficheiros de trabalho organizados. A partir daí, pode mover elementos para o seu sistema de design principal ou biblioteca de componentes ao seu ritmo.

​
Importe um design do Figma

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

Conecte Figma

Conecte a sua conta Figma ao Flowstep a partir das suas definições. O Flowstep usa a autorização do Figma para ler os ficheiros a que tem acesso.
2

Copie uma ligação de frame no Figma

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

Importe para Flowstep

Use a opção de importação do Figma na barra de ferramentas do Flowstep e cole a ligação. O Flowstep converte o frame em elementos editáveis no seu canvas. Re-importar o mesmo frame atualiza-o in place.

​
O que é importado

O Flowstep recria um frame do Figma como elementos nativos e editáveis — não 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 das suas variáveis do Figma
  • Preenchimentos de imagem e ícones SVG e formas
  • Sombras drop e inner, e blur de camada e fundo
  • Traços tracejados e pontilhados
A organização do ficheiro deve ter Figma conectado. Se um frame não importar, o Flowstep mostra uma mensagem acionável que lhe diz o que fazer a seguir — por exemplo, reconectar Figma se a sua autorização expirou, esperar e tentar novamente se o Figma está a limitar a taxa ou é lento a responder, ou, para um modelo Community, duplicá-lo para a sua equipa primeiro e colar a nova ligação.