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

​
Duas maneiras de editar

Faça alterações diretamente no canvas selecionando e modificando 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 no 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 intocado.
  • Alterne para o modo Direct selection com Shift+V (ou no menu suspenso no botão da barra de ferramentas Select) 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 várias 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 deletada 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 deletadas. Use-o para voltar a um estado conhecido e bom após uma edição dar errado. Passe o mouse sobre qualquer mensagem no painel de chat para ver quando foi enviada. Mensagens recentes mostram a hora; as mais antigas mostram há quanto tempo foram enviadas (por exemplo, “1 dia atrás”), com a data e hora completas em uma dica de ferramenta.

​
Ações com 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 baseada em 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 a parte inferior da tela e deixe em largura total” é mais eficaz que “corrija o botão.”