Pular para o conteúdo principal
Screenshot 2026 05 06 At 14 19 49
Quando estiver pronto para compartilhar ou transferir um design, o Flowstep permite que você o exporte como uma imagem estática — JPG ou PNG. Ambos os formatos são amplamente suportados em ferramentas de design, software de apresentação e navegadores, para que você possa levar seus designs gerados por IA para onde precisar.

​
Como exportar seu design

1

Abra seu design

Navegue até o design que deseja exportar dentro do Flowstep.
2

Abra o menu de exportação

Localize a opção de exportação na barra de ferramentas ou painel de design. Selecione-a para abrir as configurações de exportação.
3

Escolha seu formato

Selecione JPG ou PNG dependendo do seu caso de uso (veja a comparação abaixo).
4

Faça download do arquivo

Confirme sua seleção e faça download da imagem exportada para seu dispositivo.
Screenshot 2026 05 06 At 14 19 39

​
JPG vs PNG: qual formato você deve usar?

JPGPNG
Melhor paraCompartilhamento de visualizações, apresentações, avaliações de partes interessadasDesigns com fundos transparentes, transferências de alta fidelidade
Tamanho do arquivoMenor — mais rápido de compartilhar por email ou mensagensMaior — mantém todos os detalhes da imagem
TransparênciaNão suportadoSuportado
QualidadeLigeiramente comprimidoSem perdas — sem redução de qualidade
Se estiver colando seu design em um slide deck ou enviando uma visualização rápida para um cliente, JPG é geralmente a escolha correta. Se precisar de bordas nítidas ou de um fundo transparente — por exemplo, para sobrepor o design em outra imagem — use PNG.

​
Exportar código

Além de imagens, o botão Code exporta uma tela como código React + Tailwind — copie um trecho ou faça download do pacote completo como ZIP. Os pacotes são independentes: as imagens usadas no design (incluindo as que você anexou no painel de chat) são incluídas em uma pasta public/assets/ com o código referenciando-as por caminho local, para que a exportação funcione como está. Os arquivos baixados — imagens e pacotes de código — são nomeados de acordo com a tela a que pertencem (recorrendo ao nome do arquivo se a tela não tiver nome), o que mantém as exportações fáceis de identificar quando você está trabalhando com muitas telas.
Se precisar levar seu design para um fluxo de edição de vetores, copie-o diretamente para o Figma. Veja Copiar designs do Flowstep para o Figma instantaneamente.