Skip to main content
Começar com o Flowstep leva apenas alguns minutos. Você se inscreve gratuitamente, descreve o que quer criar e o Flowstep gera seu design imediatamente. A partir daí você pode refiná-lo através de prompts de acompanhamento, convidar seu time para colaborar e compartilhar o resultado com partes interessadas — nenhuma ferramenta de design ou experiência prévia necessária.
1

Crie sua conta gratuita

Acesse flowstep.ai e inscreva-se com sua conta do Google ou com seu email e senha. Nenhum cartão de crédito é necessário para começar.
Se você se inscrever com email e senha, verifique sua caixa de entrada por um email de confirmação (“Confirm your Flowstep email”) e clique no link para ativar sua conta — você pode reenviá-lo a partir da página “Check your inbox” se ele não chegar. Endereços de email descartáveis não são aceitos; use um email de trabalho ou pessoal.
Após se inscrever você chega a uma tela de boas-vindas curta: responda três perguntas rápidas, depois descreva seu primeiro design ali mesmo — quatro prompts de exemplo (Dashboard, Landing page, Mobile app, Checkout) estão disponíveis se você quiser um ponto de partida.
2

Descreva a tela que você quer

Digite um prompt em inglês simples descrevendo a interface de usuário que você tem em mente. Seja específico sobre o propósito da tela e quaisquer elementos-chave que ela deve incluir.Um prompt como “Dashboard for a project management app with a task list, progress bars, and a sidebar navigation” fornece ao Flowstep contexto suficiente para produzir um design focado e útil.
Você não precisa de vocabulário de design. Foque no que a tela é para e quais informações ela deve mostrar — o Flowstep cuida do layout, tipografia, espaçamento e escolhas de cores.
3

Gere suas telas

Envie seu prompt e o Flowstep gera seu design em segundos. Você pode gerar múltiplas telas em uma única sessão para explorar diferentes direções ou construir um fluxo completo.
4

Refine através de conversa

Não é bem isso? Digite um prompt de acompanhamento para ajustar o design — mude o esquema de cores, reorganize elementos, substitua o conteúdo, ou solicite um layout completamente diferente. Você também pode editar elementos manualmente ou usar ações de um clique no menu de opções.
5

Exporte ou compartilhe seu trabalho

Quando você estiver satisfeito com o resultado, escolha como compartilhá-lo:
  • Export o código ou via MCP
  • Download a tela como arquivo JPG ou PNG
  • Copy to Figma usando o atalho de teclado para colar diretamente em um arquivo Figma existente
  • Share a link com companheiros de time ou partes interessadas — eles podem visualizar o design sem criar uma conta
Você pode convidar seu time para colaborar em um arquivo do Flowstep. Eles podem entrar e começar a contribuir em poucos minutos.