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

# Usa referencias para guiar y acelerar los diseños de Flowstep

> Adjunta un PRD, carga una imagen o pega una URL para dar contexto a Flowstep—para que puedas idear más rápido sin escribir prompts largos.

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

Flowstep te permite adjuntar referencias junto con tu prompt para dar al AI más contexto sobre lo que intentas construir. En lugar de describir cada detalle en texto, puedes entregar a Flowstep un documento, una imagen o un enlace y dejar que extraiga la información relevante. Esto acorta tus prompts y acelera significativamente la ideación.

## Tipos de referencias

### Adjunta un PRD

Carga un documento de requisitos de producto para darle a Flowstep una comprensión profunda de los objetivos, características y necesidades de usuarios de tu producto antes de generar pantallas.

<Tip>
  Usa una referencia PRD cuando estés diseñando una característica que ya tenga requisitos escritos. Flowstep lee el documento y lo usa para tomar decisiones de diseño que se alineen con la intención de tu producto—ahorrándote la necesidad de repetir todo en el prompt.
</Tip>

### Carga una imagen

Adjunta una captura de pantalla, un boceto, un mood board o cualquier imagen para darle a Flowstep una referencia visual del estilo o diseño que tienes en mente.

<Tip>
  Usa una referencia de imagen cuando tengas una dirección visual fuerte en mente—como una UI de competencia de la que quieras sacar inspiración, o un wireframe tosco que hayas dibujado a mano. Flowstep usa la imagen como inspiración, no como una plantilla exacta para copiar.
</Tip>

### Pega una URL

Proporciona un enlace a un sitio web, un producto en vivo o cualquier página web y Flowstep lo usará como referencia para estilo visual, estructura o patrones de contenido.

<Tip>
  Usa una referencia de URL cuando quieras hacer coincidir o sacar inspiración de un producto digital existente. Esto es especialmente útil para white-labeling, análisis de competencia, o cuando un stakeholder dice "hazlo parecer así".
</Tip>

## Adjunta pegando

La forma más rápida de adjuntar una referencia es a menudo pegarla: pegar un archivo o una imagen en la entrada de prompt la adjunta automáticamente. Los archivos adjuntos soportados son imágenes (JPG, PNG, WEBP) y documentos (PDF, MD, TXT), hasta 3 MB cada uno.

Pegar texto largo también funciona—la entrada de prompt mantiene hasta 6,000 caracteres, y pegar texto en o más allá de ese límite lo adjunta automáticamente como un archivo llamado `pasted.txt` (si el prompt está vacío, se llena con "Follow the instructions in the file"). Útil para entregar a Flowstep una especificación larga sin tener que acortarla.

## Por qué usar referencias

Las referencias reducen la cantidad de detalle que necesitas incluir en tu prompt. En lugar de escribir un párrafo para explicar el contexto de tu producto o dirección visual, un archivo adjunto único o un enlace puede comunicarlo de manera más completa. Esto hace que el proceso de generación sea más rápido y a menudo produce resultados más relevantes en el primer intento.

Puedes combinar referencias—por ejemplo, adjuntando un PRD para contexto de producto y una imagen para inspiración visual al mismo tiempo.