> ## 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)이며, 각각 최대 3MB입니다.

긴 텍스트를 붙여넣기도 할 수 있습니다. 프롬프트 입력은 최대 6,000자를 보유할 수 있으며, 그 한계에 도달하거나 초과하는 텍스트를 붙여넣으면 자동으로 `pasted.txt` 파일로 첨부됩니다(프롬프트가 비어있으면 "파일의 지시사항을 따르세요"로 채워집니다). 긴 스펙을 단축하지 않고 Flowstep에 제공할 수 있어 유용합니다.

## 레퍼런스를 사용하는 이유

레퍼런스를 사용하면 프롬프트에 포함해야 하는 세부 정보의 양을 줄일 수 있습니다. 제품 컨텍스트나 시각적 방향을 설명하는 문단을 작성하는 대신, 첨부된 단일 파일이나 링크로 더 완전하게 전달할 수 있습니다. 이렇게 하면 생성 프로세스를 더 빠르게 진행할 수 있으며 첫 시도에서 더 관련성 있는 결과를 생성하는 경우가 많습니다.

레퍼런스를 결합할 수 있습니다. 예를 들어 제품 컨텍스트를 위해 PRD를 첨부하고 시각적 영감을 위해 이미지를 동시에 첨부할 수 있습니다.