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

# Utilizar referências para orientar e acelerar designs Flowstep

> Anexe um PRD, carregue uma imagem ou cole um URL para dar contexto ao Flowstep – para que possa fazer ideação mais rápido sem 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-lhe anexar referências juntamente com o seu prompt para dar mais contexto à IA sobre o que está a tentar construir. Em vez de descrever cada detalhe em texto, pode fornecer ao Flowstep um documento, uma imagem ou uma ligação e deixar que extraia a informação relevante. Isto reduz os seus prompts e acelera significativamente a ideação.

## Tipos de referências

### Anexar um PRD

Carregue um documento de requisitos do produto para dar ao Flowstep uma compreensão profunda dos objetivos, funcionalidades e necessidades dos utilizadores do seu produto antes de gerar ecrãs.

<Tip>
  Utilize uma referência PRD quando está a desenhar uma funcionalidade que já tem requisitos escritos. O Flowstep lê o documento e usa-o para tomar decisões de design que se alinham com a intenção do seu produto – poupando-o de reafirmar tudo no prompt.
</Tip>

### Carregar uma imagem

Anexe uma captura de ecrã, esboço, mood board ou qualquer imagem para dar ao Flowstep uma referência visual do estilo ou disposição que tem em mente.

<Tip>
  Utilize uma referência de imagem quando tem uma direção visual forte em mente – como uma UI de um concorrente de que deseja tirar inspiração, ou um wireframe aproximado que desenhou à mão. O Flowstep usa a imagem como inspiração, não como um modelo exato para copiar.
</Tip>

### Colar um URL

Forneça uma ligação para um website, produto em direto ou qualquer página web e o Flowstep a utilizará como referência para o estilo visual, estrutura ou padrões de conteúdo.

<Tip>
  Utilize uma referência de URL quando deseja corresponder ou tirar inspiração de um produto digital existente. Isto é especialmente útil para trabalho white-labeling, análise de concorrentes ou quando uma parte interessada diz "make it look like this."
</Tip>

## Anexar por colagem

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

Colar texto longo também funciona – a entrada de prompt pode conter até 6.000 caracteres, e colar texto nesse limite ou acima disso anexa-o automaticamente como um ficheiro chamado `pasted.txt` (se o prompt estiver vazio, é preenchido com "Follow the instructions in the file"). Útil para fornecer ao Flowstep uma especificação longa sem a reduzir.

## Porquê utilizar referências

As referências reduzem a quantidade de detalhe que precisa de incluir no seu prompt. Em vez de escrever um parágrafo para explicar o contexto do seu produto ou direção visual, um único ficheiro ou ligação anexados podem comunicá-lo de forma mais completa. Isto torna o processo de geração mais rápido e frequentemente produz resultados mais relevantes na primeira tentativa.

Pode combinar referências – por exemplo, anexando um PRD para contexto do produto e uma imagem para inspiração visual ao mesmo tempo.