> ## 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` 的文件（如果提示词为空，则填充为"Follow the instructions in the file"）。这对于将长规格交给 Flowstep 而无需修剪它非常方便。

## 为什么使用参考资料

参考资料减少了您需要在提示词中包含的细节量。与其编写段落来解释您的产品背景上下文或视觉方向，不如附加单个文件或链接可以更完整地传达它。这使生成过程更快，通常也会在第一次尝试时产生更相关的结果。

您可以组合参考资料——例如同时附加 PRD 作为产品背景上下文和图像作为视觉灵感。