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

# Utilitza referencias per guiar i accelerar els dissenys de Flowstep

> Adjunta un PRD, carrega una imatge o enganxa una URL per donar context a Flowstep, de manera que pugues ideate més ràpidament sense necessitat d'escriure prompts llargs.

<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 et permet adjuntar referencias junt amb el teu prompt per donar més context a la IA sobre allò que intentes crear. En lloc de descriure cada detall en text, pots proporcionar a Flowstep un document, una imatge o un enllaç i deixar que extregui la informació pertinent. Això escurça els teus prompts i accelera significativament la ideació.

## Tipus de referencias

### Adjunta un PRD

Carrega un document de requisits del producte per donar a Flowstep una comprensió profunda dels objectius, les funcionalitats i les necessitats dels usuaris del teu producte abans de generar pantalles.

<Tip>
  Utilitza una referència PRD quan estàs dissenyant una funcionalitat que ja té requisits escrits. Flowstep llegeix el document i l'utilitza per prendre decisions de disseny que s'alineen amb la intenció del teu producte, estalviant-te haver de reiterar tot en el prompt.
</Tip>

### Carrega una imatge

Adjunta una captura de pantalla, un esbós, una mood board o qualsevol imatge per donar a Flowstep una referència visual de l'estil o la disposició que tens en ment.

<Tip>
  Utilitza una referència d'imatge quan tens una direcció visual forta en ment, com ara una UI d'un competidor de la qual vols extreure inspiració, o un wireframe aproximat que vas dibuixar a mà. Flowstep utilitza la imatge com a inspiració, no com a plantilla exacta per copiar.
</Tip>

### Enganxa una URL

Proporciona un enllaç a un lloc web, un producte en directe o qualsevol pàgina web i Flowstep l'utilitzarà com a referència per a l'estil visual, l'estructura o els patrons de contingut.

<Tip>
  Utilitza una referència d'URL quan vols fer correspondència o extreure d'un producte digital existent. Això és especialment útil per al treball de white-labeling, l'anàlisi de competidors, o quan un stakeholder diu "fes que es vegi així."
</Tip>

## Adjunta enganxant

La manera més ràpida d'adjuntar una referència és sovint enganxar-la: enganxar un fitxer o una imatge a l'entrada del prompt l'adjunta automàticament. Els adjunts acceptats són imatges (JPG, PNG, WEBP) i documents (PDF, MD, TXT), fins a 3 MB cadascun.

Enganxar text llarg també funciona: l'entrada del prompt pot contenir fins a 6.000 caràcters, i enganxar text en aquest límit o més l'adjunta automàticament com un fitxer anomenat `pasted.txt` (si el prompt està buit, s'emplena amb "Follow the instructions in the file"). Útil per passar a Flowstep una especificació llarga sense reduir-la.

## Per què utilitzar referencias

Les referencias redueixen la quantitat de detalls que cal incloure en el teu prompt. En lloc d'escriure un paràgraf per explicar el context del producte o la direcció visual, un únic fitxer adjunt o enllaç pot comunicar-ho de manera més completa. Això accelera el procés de generació i sovint produeix resultats més rellevants en el primer intent.

Pots combinar referencias, per exemple, adjuntant un PRD per al context del producte i una imatge per a inspiració visual alhora.