> ## 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.

# Comece com Flowstep: inscreva-se e gere designs

> Crie uma conta gratuita no Flowstep, gere seu primeiro design de interface a partir de um prompt de texto e compartilhe com seu time — tudo em uma 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 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.

<Steps>
  <Step title="Crie sua conta gratuita">
    Acesse [flowstep.ai](https://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.

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

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

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

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

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

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

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

    <Note>
      Você pode convidar seu time para colaborar em um arquivo do Flowstep. Eles podem entrar e começar a contribuir em poucos minutos.
    </Note>
  </Step>
</Steps>