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

# Use referências para guiar e acelerar designs do Flowstep

> Anexe um PRD, faça upload de uma imagem ou cole uma URL para dar contexto ao Flowstep—assim você consegue gerar ideias mais rapidamente sem precisar escrever prompts longos.

<iframe src="https://www.youtube.com/embed/Gk-GPpn3HfA" 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 />

O Flowstep permite anexar referências junto com seu prompt para dar ao AI mais contexto sobre o que você está tentando construir. Em vez de descrever cada detalhe em texto, você pode passar ao Flowstep um documento, uma imagem ou um link e deixar que ele extraia as informações relevantes. Isso encurta seus prompts e acelera significativamente a geração de ideias.

## Tipos de referência

### Anexar um PRD

Faça upload de um documento de requisitos de produto para dar ao Flowstep uma compreensão completa dos objetivos, funcionalidades e necessidades dos usuários do seu produto antes de gerar telas.

<Tip>
  Use uma referência de PRD quando você está projetando uma funcionalidade que já possui requisitos escritos. O Flowstep lê o documento e o usa para tomar decisões de design que se alinhem com a intenção do seu produto—evitando que você tenha que reformular tudo no prompt.
</Tip>

### Fazer upload de uma imagem

Anexe uma captura de tela, esboço, painel de inspiração ou qualquer imagem para dar ao Flowstep uma referência visual do estilo ou layout que você tem em mente.

<Tip>
  Use uma referência de imagem quando você tem uma direção visual forte em mente—como a UI de um concorrente da qual você quer se inspirar, ou um wireframe aproximado que você esboçou à mão. O Flowstep usa a imagem como inspiração, não como um template exato para copiar.
</Tip>

### Colar uma URL

Forneça um link para um site, produto ao vivo ou qualquer página web e o Flowstep o usará como referência para estilo visual, estrutura ou padrões de conteúdo.

<Tip>
  Use uma referência de URL quando você quer corresponder ou se inspirar em um produto digital existente. Isso é especialmente útil para trabalhos de white-labeling, análise de concorrência ou quando um stakeholder diz "faça parecer assim".
</Tip>

## Anexar colando

A forma mais rápida de anexar uma referência é frequentemente colá-la: colar um arquivo ou uma imagem na entrada de prompt o anexa automaticamente. Os anexos suportados são imagens (JPG, PNG, WEBP) e documentos (PDF, MD, TXT), com até 3 MB cada.

Colar texto longo também funciona — a entrada de prompt suporta até 6.000 caracteres, e colar texto que atinja ou exceda esse limite anexa automaticamente como um arquivo chamado `pasted.txt` (se o prompt estiver vazio, é preenchido com "Follow the instructions in the file"). Útil para passar uma especificação longa ao Flowstep sem reduzi-la.

## Por que usar referências

As referências reduzem a quantidade de detalhes que você precisa incluir em seu prompt. Em vez de escrever um parágrafo para explicar seu contexto de produto ou direção visual, um único arquivo anexado ou link pode comunicá-lo de forma mais completa. Isso torna o processo de geração mais rápido e frequentemente produz resultados mais relevantes na primeira tentativa.

Você pode combinar referências—por exemplo, anexando um PRD para contexto de produto e uma imagem para inspiração visual ao mesmo tempo.