Skip to main content
Screenshot 2026 05 06 At 14 19 49
Quando estiver pronto para partilhar ou entregar um design, o Flowstep permite exportá-lo como uma imagem estática — JPG ou PNG. Ambos os formatos têm amplo suporte em ferramentas de design, software de apresentação e navegadores, por isso pode levar os seus designs gerados por IA para qualquer lugar.

​
Como exportar o seu design

1

Abra o seu design

Navegue até ao design que pretende 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 definições de exportação.
3

Escolha o seu formato

Selecione JPG ou PNG consoante o seu caso de uso (consulte a comparação abaixo).
4

Descarregue o ficheiro

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

​
JPG vs PNG: qual o formato que deve usar?

Se está a colar o seu design numa apresentação de slides ou a enviar uma pré-visualização rápida para um cliente, JPG é geralmente a escolha certa. Se precisa de bordos nítidos ou de um fundo transparente — por exemplo, para sobrepor o design em outra imagem — use PNG.

​
Exportar código

Para além de imagens, o botão Code exporta um ecrã como código React + Tailwind — copie um snippet ou descarregue o pacote completo como ZIP. Os pacotes são autossuficientes: as imagens utilizadas no design (incluindo as que anexou no painel de chat) estão incluídas numa pasta public/assets/ com o código a referenciá-las pelo caminho local, portanto a exportação funciona como está. Os ficheiros descarregados — imagens e pacotes de código — são nomeados de acordo com o ecrã a que pertencem (voltando ao nome do ficheiro se o ecrã for sem nome), o que mantém as exportações fáceis de identificar quando se trabalha com muitos ecrãs.
Se precisa de levar o seu design para um fluxo de edição vetorial, copie-o diretamente para o Figma. Consulte Copiar designs do Flowstep para o Figma instantaneamente.