> ## 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に文脈を提供できます。長いプロンプトを書かずに、より高速にアイデア出しができます。
Flowstepではプロンプトと一緒にリファレンスを添付して、AIに構築しようとしている内容の詳細な文脈を提供できます。テキストで詳細を説明する代わりに、Flowstepにドキュメント、画像、またはリンクを提供して、関連情報を抽出させることができます。これによりプロンプトが短くなり、アイデア出しが大幅に高速化されます。
## リファレンスの種類
### PRDを添付する
製品の目標、機能、ユーザーニーズを徹底的に理解させるために、プロダクト要件ドキュメント(PRD)をアップロードしてください。
既に書かれた要件がある機能を設計する場合は、PRDリファレンスを使用してください。Flowstepはドキュメントを読み込み、それを使用して製品の意図に沿った設計判断を行います。プロンプト内で全てを繰り返す必要がなくなります。
### 画像をアップロードする
Flowstepに、心に描いているスタイルやレイアウトの視覚的なリファレンスを提供するために、スクリーンショット、スケッチ、ムードボード、またはその他の画像を添付してください。
明確な視覚的方向性を持っている場合は、画像リファレンスを使用してください。たとえば、インスピレーションを得たい競合他社のUIや、手書きで描いたラフワイヤーフレームなどです。Flowstepは画像をインスピレーション源として使用し、正確なテンプレートとしてコピーすることはありません。
### URLを貼り付ける
Webサイト、ライブプロダクト、またはWebページへのリンクを提供すると、Flowstepはそれをビジュアルスタイル、構造、またはコンテンツパターンのリファレンスとして使用します。
既存のデジタルプロダクトとマッチさせたり、そこからインスピレーションを得たい場合は、URLリファレンスを使用してください。これはホワイトレーベル作業、競合他社分析、またはステークホルダーが「このように見えるようにしてください」と言った場合に特に有用です。
## 貼り付けで添付する
リファレンスを添付する最速の方法は、多くの場合、貼り付けることです。プロンプト入力にファイルまたは画像を貼り付けると、自動的に添付されます。サポートされている添付ファイルは、画像(JPG、PNG、WEBP)とドキュメント(PDF、MD、TXT)で、各ファイルは最大3 MBです。
長いテキストの貼り付けも可能です。プロンプト入力は最大6,000文字まで対応でき、その上限に達するか超えるテキストを貼り付けると、自動的に`pasted.txt`という名前のファイルとして添付されます(プロンプトが空の場合、「ファイルの指示に従う」で埋められます)。Flowstepに長い仕様書を渡す際、削減せずに提供するのに便利です。
## リファレンスを使用する理由
リファレンスを使用すると、プロンプトに含める必要のある詳細の量が減ります。製品の文脈や視覚的方向性を説明するために段落を書く代わりに、1つの添付ファイルまたはリンクがそれをより完全に伝えることができます。これにより生成プロセスが高速化され、多くの場合、1回目の試行でより関連性の高い結果が得られます。
リファレンスを組み合わせることができます。たとえば、製品文脈のためのPRDと視覚的インスピレーションのための画像を同時に添付することができます。