Skip to main content
Screenshot 2026 05 06 At 14 25 48
Os designs do Flowstep são totalmente editáveis após a geração. Você não está limitado ao que a IA produz inicialmente — você pode ajustar visuais diretamente no editor, usar chat para descrever mudanças em linguagem natural, ou pedir ao Flowstep para gerar variações e novas telas. Use o método que melhor se adeque à mudança que você deseja fazer.

​
Duas formas de editar

Faça mudanças diretamente na canvas ao selecionar e modificar elementos. Este método funciona melhor para ajustes precisos — mover um componente, alterar uma cor, atualizar um rótulo ou ajustar espaçamento.
1

Selecione o elemento que deseja alterar

Clique em qualquer componente ou camada em seu design para selecioná-lo.
2

Faça suas alterações

Use os controles do editor para ajustar propriedades como cor, tamanho, posição ou conteúdo de texto.
3

Revise o resultado

Suas alterações são aplicadas imediatamente na canvas. Continue editando ou passe para a próxima tela.

​
Edite apenas parte de uma tela

Você não precisa editar telas inteiras. Selecione um sub-elemento — um card, um botão, um rótulo de texto — e seu prompt de chat se aplica apenas a ele, deixando o resto da tela intacto.
  • Alterne para o modo Direct selection com Shift+V (ou o menu suspenso no botão da barra de ferramentas Selecionar) para selecionar o elemento mais profundo sob seu clique. Pressione V para seleção normal, ou segure Cmd (Mac) / Ctrl (Windows) para usar seleção direta temporariamente. Escape sai da seleção direta.
  • Selecione sub-elementos em múltiplas telas com Cmd+Shift — um único prompt pode editar até 6 telas por mensagem.
Quando um elemento de imagem é selecionado (fora do modo wireframe), um painel Image aparece no painel de propriedades: visualize a imagem, troque-a arrastando um novo arquivo de imagem para a visualização ou clicando em Pick image, ou salve-a com Download image.

​
Restaure uma versão anterior

Cada geração de IA no histórico de chat mantém seu resultado original. Se uma tela foi editada ou excluída desde que foi gerada, sua mensagem de chat mostra um botão Restore — Restore original para reverter edições, ou Restore / Restore all para trazer de volta telas excluídas. Use-o para voltar a um estado conhecido como bom após uma edição ir na direção errada.

​
Ações de um clique

Screenshot 2026 05 06 At 14 29 34
Além de edições diretas, você pode pedir ao Flowstep para explorar alternativas:
  • Try again from scratch — peça ao Flowstep para produzir uma versão nova da tela atual com um layout ou direção visual diferente.
  • Show the next screen — peça ao Flowstep para gerar o que logicamente vem a seguir no fluxo do usuário.
  • Make it pretty — ajuste espaçamento, alinhamento e cores em todo o design. O layout permanece o mesmo.
Essas opções permitem que você itere rapidamente sem ter que escrever um prompt cada vez.

​
Iterando para refinar

O design raramente fica perfeito na primeira tentativa. Use edição por chat para cada rodada de feedback — descreva o que está funcionando e o que não está, e o Flowstep se ajusta a partir daí. Não há limite para quantas vezes você pode iterar em uma tela.
Ao iterar via chat, referencie elementos específicos pelo nome ou localização para obter resultados mais precisos. Por exemplo: “Mova o botão de chamada para ação para o final da tela e deixe com largura total” é mais eficaz do que “corrija o botão.”