Skip to main content
Flowstep를 사용하면 프롬프트와 함께 레퍼런스를 첨부하여 구축하려는 내용에 대해 AI에 더 많은 컨텍스트를 제공할 수 있습니다. 텍스트로 모든 세부 정보를 설명하는 대신, Flowstep에 문서, 이미지 또는 링크를 제공하고 관련 정보를 추출하도록 할 수 있습니다. 이렇게 하면 프롬프트를 단축하고 아이디어 발상을 크게 가속화할 수 있습니다.

​
레퍼런스 유형

​
PRD 첨부

제품 요구사항 문서를 업로드하여 Flowstep에 화면을 생성하기 전에 제품의 목표, 기능 및 사용자 니즈를 철저히 이해하도록 합니다.
이미 작성된 요구사항이 있는 기능을 디자인할 때 PRD 레퍼런스를 사용합니다. Flowstep는 문서를 읽고 이를 사용하여 제품의 의도에 맞는 디자인 결정을 내리므로 프롬프트에서 모든 내용을 다시 명시할 필요가 없습니다.

​
이미지 업로드

스크린샷, 스케치, 무드 보드 또는 다른 이미지를 첨부하여 Flowstep에 원하는 스타일이나 레이아웃에 대한 시각적 레퍼런스를 제공합니다.
경쟁사의 UI에서 영감을 얻고 싶거나 손으로 스케치한 대략적인 와이어프레임과 같이 명확한 시각적 방향이 있을 때 이미지 레퍼런스를 사용합니다. Flowstep는 이미지를 정확한 템플릿으로 복사하는 것이 아니라 영감으로 사용합니다.

​
URL 붙여넣기

웹사이트, 라이브 제품 또는 다른 웹페이지에 대한 링크를 제공하면 Flowstep가 시각적 스타일, 구조 또는 콘텐츠 패턴에 대한 레퍼런스로 사용합니다.
기존 디지털 제품과 일치시키거나 이를 기반으로 하고 싶을 때 URL 레퍼런스를 사용합니다. 이는 화이트 라벨링 작업, 경쟁사 분석 또는 이해관계자가 “이렇게 보이게 만들어”라고 말할 때 특히 유용합니다.

​
붙여넣기로 첨부

레퍼런스를 첨부하는 가장 빠른 방법은 붙여넣기입니다. 프롬프트 입력에 파일이나 이미지를 붙여넣으면 자동으로 첨부됩니다. 지원되는 첨부 파일은 이미지(JPG, PNG, WEBP)와 문서(PDF, MD, TXT)이며, 각각 최대 3MB입니다. 긴 텍스트를 붙여넣기도 할 수 있습니다. 프롬프트 입력은 최대 6,000자를 보유할 수 있으며, 그 한계에 도달하거나 초과하는 텍스트를 붙여넣으면 자동으로 pasted.txt 파일로 첨부됩니다(프롬프트가 비어있으면 “파일의 지시사항을 따르세요”로 채워집니다). 긴 스펙을 단축하지 않고 Flowstep에 제공할 수 있어 유용합니다.

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

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