Começar a utilizar o Flowstep leva apenas alguns minutos. Crias uma conta gratuita, descreves o que queres construir e o Flowstep gera o teu design imediatamente. A partir daí, podes refiná-lo através de prompts de acompanhamento, convidar a tua equipa para colaborar e partilhar o resultado com as partes interessadas — não são necessárias ferramentas de design nem experiência prévia.
1
Criar a tua conta gratuita
Acede a flowstep.ai e cria uma conta com o Google ou com o teu email e palavra-passe. Não é necessário nenhum cartão de crédito para começar.Depois de criares a conta, chegas a um ecrã de boas-vindas curto: responde a três perguntas rápidas e depois descreve o teu primeiro design ali mesmo — quatro prompts de amostra (Dashboard, Landing page, Mobile app, Checkout) estão disponíveis se quiseres um ponto de partida.
Se criar uma conta com email e palavra-passe, verifica a tua caixa de entrada para uma email de confirmação (“Confirm your Flowstep email”) e clica na ligação para ativar a tua conta — podes reenviá-la a partir da página “Check your inbox” (Verifica a tua caixa de entrada) se não chegar. Endereços de email descartáveis não são aceites; usa um email de trabalho ou pessoal.
2
Descreve o ecrã que deseja
Escreve um prompt em inglês simples a descrever a UI que tens em mente. Sê específico sobre o propósito do ecrã e quaisquer elementos-chave que devam estar incluídos.Um prompt como “Dashboard for a project management app with a task list, progress bars, and a sidebar navigation” dá ao Flowstep contexto suficiente para produzir um design focado e útil.
3
Gera os teus ecrãs
Submete o teu prompt e o Flowstep gera o teu design em segundos. Podes gerar múltiplos ecrãs numa única sessão para explorar diferentes direções ou construir um fluxo completo.
4
Refina através de conversação
Não é exatamente o que querías? Escreve um prompt de acompanhamento para ajustar o design — altera a paleta de cores, reorganiza elementos, substitui conteúdo ou solicita um layout completamente diferente. Também podes editar elementos manualmente ou usar ações com um clique no menu de opções.
5
Exporta ou partilha o teu trabalho
Quando estiveres satisfeito com o resultado, escolhe como partilhá-lo:
- Exporta o código ou através de MCP
- Descarrega o ecrã como um ficheiro JPG ou PNG
- Copia para Figma usando o atalho de teclado para colar diretamente num ficheiro Figma existente
- Partilha uma ligação com colegas de equipa ou partes interessadas — eles podem ver o design sem criar uma conta
Podes convidar a tua equipa para colaborar num ficheiro Flowstep. Podem juntar-se e começar a contribuir em minutos.