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

# 使用參考資料引導和加速 Flowstep 設計

> 附加 PRD、上傳圖像或貼上 URL，讓 Flowstep 瞭解背景——這樣您可以更快地進行構思，無需編寫冗長的提示詞。

<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 可讓您在提示詞旁邊附加參考資料，為 AI 提供有關您要構建的內容的更多背景知識。與其在文字中描述每個細節，您可以交給 Flowstep 一份文件、一張圖像或一個連結，讓它提取相關信息。這樣可以縮短您的提示詞，並顯著加快構思速度。

## 參考資料類型

### 附加 PRD

上傳產品需求文件，讓 Flowstep 在生成畫面前深入瞭解您產品的目標、功能和用戶需求。

<Tip>
  當您設計的功能已有書面需求時，請使用 PRD 參考資料。Flowstep 會讀取該文件並做出與您產品意圖一致的設計決策——讓您無需在提示詞中重述所有內容。
</Tip>

### 上傳圖像

附加螢幕截圖、草圖、情感板或任何圖像，為 Flowstep 提供您心目中的風格或佈局的視覺參考。

<Tip>
  當您已有明確的視覺方向時，請使用圖像參考資料——例如您想從中獲得靈感的競爭對手 UI，或您手繪的粗略線框。Flowstep 將該圖像用作靈感，而不是作為精確的複製樣本。
</Tip>

### 貼上 URL

提供網站、現場產品或任何網頁的連結，Flowstep 會將其用作視覺風格、結構或內容模式的參考。

<Tip>
  當您想匹配或從現有數位產品中獲得靈感時，請使用 URL 參考資料。這對於白標工作、競爭對手分析或當利益相關者說「讓它看起來像這樣」時尤其有用。
</Tip>

## 透過貼上來附加

附加參考資料最快的方式往往是貼上：將檔案或圖像貼入提示詞輸入框會自動將其附加。支援的附件是圖像 (JPG、PNG、WEBP) 和文件 (PDF、MD、TXT)，每個最大 3 MB。

貼上長文字也可以——提示詞輸入框可容納多達 6,000 個字符，貼上達到或超過該限制的文字會自動將其附加為名為 `pasted.txt` 的檔案（如果提示詞為空，則填入「按照檔案中的說明」）。這對於將長規格交給 Flowstep 而無需縮減它很方便。

## 為什麼要使用參考資料

參考資料可減少您需要在提示詞中包含的詳細信息。與其寫一段落來解釋您的產品背景或視覺方向，單一附加檔案或連結可以更完整地傳達它。這使生成過程更快，並且往往首次就能產生更相關的結果。

您可以組合參考資料——例如，同時附加 PRD 以提供產品背景和圖像以獲得視覺靈感。