> ## 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 시작하기: 가입하고 디자인 생성하기

> 무료 Flowstep 계정을 만들고, 텍스트 프롬프트로 첫 번째 UI 디자인을 생성하고, 팀과 공유합니다 — 모두 한 번에.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" 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을 시작하는 데는 단 몇 분이 걸립니다. 무료로 가입하고, 구축하려는 것을 설명하면 Flowstep이 즉시 디자인을 생성합니다. 그 다음 후속 프롬프트로 수정하고, 팀을 초대하여 협업하고, 결과를 이해관계자와 공유할 수 있습니다 — 디자인 도구나 사전 경험이 필요하지 않습니다.

<Steps>
  <Step title="무료 계정 만들기">
    [flowstep.ai](https://flowstep.ai)로 이동하여 Google 또는 이메일과 비밀번호로 가입합니다. 시작하는 데 신용카드가 필요하지 않습니다.

    <Note>
      이메일과 비밀번호로 가입하는 경우 받은 편지함에서 확인 이메일("Confirm your Flowstep email")을 확인하고 링크를 클릭하여 계정을 활성화합니다. "Check your inbox" 페이지에서 다시 보낼 수 있습니다(도착하지 않은 경우). 일회용 이메일 주소는 허용되지 않습니다. 직장 또는 개인 이메일을 사용합니다.
    </Note>

    가입 후 짧은 환영 화면으로 이동합니다. 세 가지 빠른 질문에 답하고, 그곳에서 첫 번째 디자인을 설명합니다. 시작점이 필요한 경우 네 가지 샘플 프롬프트(Dashboard, Landing page, Mobile app, Checkout)를 사용할 수 있습니다.
  </Step>

  <Step title="원하는 화면 설명하기">
    마음에 있는 UI를 설명하는 프롬프트를 영어로 입력합니다. 화면의 목적과 포함해야 할 주요 요소를 구체적으로 설명합니다.

    "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation"과 같은 프롬프트를 사용하면 Flowstep이 집중되고 유용한 디자인을 생성할 수 있는 충분한 컨텍스트를 얻습니다.

    <Tip>
      디자인 어휘가 필요하지 않습니다. 화면이 무엇을 위한 것인지, 어떤 정보를 표시해야 하는지에 집중합니다 — Flowstep이 레이아웃, 타이포그래피, 간격 및 색상 선택을 처리합니다.
    </Tip>
  </Step>

  <Step title="화면 생성하기">
    프롬프트를 제출하면 Flowstep이 초 단위로 디자인을 생성합니다. 한 번의 세션에서 여러 화면을 생성하여 다양한 방향을 탐색하거나 전체 플로우를 구축할 수 있습니다.
  </Step>

  <Step title="대화를 통해 수정하기">
    완벽하지 않으신가요? 후속 프롬프트를 입력하여 디자인을 조정합니다 — 색상 구성표 변경, 요소 재배열, 콘텐츠 교체, 또는 완전히 다른 레이아웃을 요청합니다. 요소를 수동으로 편집하거나 옵션 메뉴의 원클릭 작업을 사용할 수도 있습니다.
  </Step>

  <Step title="작업 내보내기 또는 공유하기">
    결과에 만족하면 공유 방법을 선택합니다:

    * **Export** 코드 또는 MCP를 통해
    * **Download** 화면을 JPG 또는 PNG 파일로
    * **Copy to Figma** 키보드 단축키를 사용하여 기존 Figma 파일에 직접 붙여넣기
    * **Share a link** 팀원이나 이해관계자와 — 계정을 만들지 않고도 디자인을 볼 수 있습니다

    <Note>
      Flowstep 파일에 팀을 초대하여 협업할 수 있습니다. 몇 분 안에 참여하고 기여하기 시작할 수 있습니다.
    </Note>
  </Step>
</Steps>