> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Começar com Flowstep: criar conta e gerar designs

> Cria uma conta Flowstep gratuita, gera o teu primeiro design de UI a partir de um prompt de texto e partilha-o com a tua equipa — tudo numa única sessão.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

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.

<Steps>
  <Step title="Criar a tua conta gratuita">
    Acede a [flowstep.ai](https://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.

    <Note>
      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.
    </Note>

    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.
  </Step>

  <Step title="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.

    <Tip>
      Não precisas de vocabulário de design. Concentra-te no para que serve o ecrã e que informações deve mostrar — o Flowstep trata do layout, tipografia, espaçamento e escolhas de cor.
    </Tip>
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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

    <Note>
      Podes convidar a tua equipa para colaborar num ficheiro Flowstep. Podem juntar-se e começar a contribuir em minutos.
    </Note>
  </Step>
</Steps>