# 매니패스트 가이드 필요한 모든 가이드와 팁을 한 곳에서 만나보세요. 에디터 바로가기
## Quick Start {% content-ref url="/pages/Jq9DtfLkhuzs5wRnyaKx" %} [회원가입](/start/set-up) {% endcontent-ref %} {% content-ref url="/pages/mKNy0gVIEiAbCrOtpTKv" %} [프로젝트에서 제품 기획하기](/plan/plan) {% endcontent-ref %} # 소개 ### 아이디어에서 개발 지시까지, 쉽고 빠르게 매니패스트는 **소프트웨어 기획 과정을 더 쉽고 빠르게 만들어 주는 에디터이자 AI 에이전트**입니다.\ 기획에 필요한 핵심 요소를 규격화하여 **아이템**이라는 단위로 관리할 수 있습니다.\ 아이템을 캔버스에 직접 작성하거나, AI에게 초안을 부탁해 빠르게 구성을 시작할 수 있습니다. #### 주요 가치 * **빠른 구조화**: 복잡한 아이디어도 아이템 단위로 나누어 구조적으로 정리할 수 있습니다. * **일관성 유지**: 모든 아이템은 일정한 형식에 따라 생성되므로, 기획 문서가 체계적으로 정돈됩니다. * **팀 협업 강화**: 여러 사용자가 동시에 기획 문서를 편집하여 함께 발전시킬 수 있습니다. * **자동 산출물 생성**: 작성한 아이템들을 조합해 **PRD, 기능명세서, 유저 플로우** 같은 기획 산출물을 자동으로 만들 수 있습니다. (지원하는 문서 종류는 추후 추가될 예정입니다.) #### 왜 매니패스트가 필요한가요? 소프트웨어의 경우 제품을 만들기 전에는 눈으로 볼 수 있는 형체가 없습니다.실제로 화면이 구현되기 전까지는 “무엇을 만들 것인가” 에 대한 팀 내 합의가 어렵고, 기획과 개발 사이의 **커뮤니케이션 오류**도 자주 발생하곤 하죠. 매니패스트는 이런 문제를 줄이기 위해, 기획 데이터를 **구조화하고 시각화**하여 누구나 제품 구조를 **한눈에 보고 이해**할 수 있도록 돕습니다. #### 이런 상황에서 유용해요 * **스타트업** * 아이디어는 있는데 어디서부터 정리할지 막막할 때, 필요한 화면과 기능을 빠르게 구조화해 팀원 모두가 같은 그림을 보고 팀의 방향을 맞출 수 있어요. * **SI 외주 기업** * 다양한 프로젝트를 진행하면서 반복되는 클라이언트의 요구사항과 화면 구성을 한 곳에 정리하고 체계적으로 관리할 수 있어요. * **프리랜서 · IT 전문가** * 제품의 기획을 설명하거나 화면 흐름을 보여줄 때, 말로 설명하는 대신 시각적으로 보여줌으로써 커뮤니케이션에 드는 시간과 오해를 줄일 수 있어요. # 핵심 콘셉트 이번 장에서는 매니패스트 에디터의 핵심 아이디어에 대해 다룹니다. \ \ 백문이 불여일견이라는 말이 있듯, 가장 확실한 소통방법은 '직접 보여주기'입니다. \ 그래서 지금까지의 IT 제품 제작 과정에서는, 작업자들이 서로의 생각을 이해하기 위해서 \ 서로의 생각을 직접적으로 보여주기 위한 다양한 양식과 다양한 방법을 사용했습니다. 그러나, 그 방법이 너무 다양해진 나머지 점점 복잡하고 어려워 오히려 소통의 걸림돌로 작용하기 일쑤입니다. \ 매니패스트 에디터는 제품을 함께 만드는 모두가 그 제품에 대해 쉽게 이해하고 공유하기 위해 \ 몇 가지 방법을 택했습니다. ### 그래프로 이해하는 IT 제품 정보 시각화에서 가장 강력한 도구는 바로 그래프입니다. 그래프는 데이터들의 관계를 나타내고 쉽게 이해하는 데에 없어서는 안 될 필수 요소입니다. 예를 들어, 우리는 두루뭉술하고 불명확한 아이디어를 구체화할 때 마인드맵을 사용하죠. \ 마인드맵도 '노드'와 '엣지'로 이루어진 '그래프'의 일종입니다. IT 제품의 설계에 있어서 **제품을 이루는 구성 요소들**이 어떤 관련이 있고 서로 어떻게 상호작용 해야 하는지 고려하는 게 중요합니다. 이를 보여주기에 가장 좋은 것이 바로 그래프였습니다. 그래서 우리는 그래프를 매니패스트 에디터의 근본 양식으로 사용했습니다. ### 블록처럼 조립하는 IT 제품 현대의 소프트웨어 개발 추세에서는 컴포넌트 주도 개발(Component Driven Development)가 각광받고 있습니다. 그리고 UI 디자인에 있어서는 아토믹 디자인 시스템(Atomic Design System)도 그렇습니다. 공통적으로 재사용 가능한 **최소 단위 요소**를 이용해 조합하면서 전체 제품을 만드는 방식이죠. 이런 방식은 유지보수에 있어서 아주 탁월합니다. 미리 만들어 둔 요소가 있다면 조금씩 변형하여 다시 사용할 수 있어 빠르게 개발하는데도 효과적입니다. 그런데 한 가지 문제점이 있다면 **구성요소의 단위**를 어디부터 어디까지 얼마 만큼의 분량으로 정할 것인지 의견이 분분하다는 점입니다. 매니패스트 에디터는 이러한 개발 철학을 지향하여, 기획 단계에서부터 제품의 구성요소들을 빠르게 조립해보고 변경해볼 수 있게 만들었습니다. 그러면서도, 기획자들이 단위 지정을 덜 고민하도록 IT 제품을 구성하는 요소의 단위를 자주 보이는 패턴으로 표준화해 정의해두었습니다. 여러분은 만들고 싶은 제품에 필요한 요소가 무엇인지 그 내용을 채우기만 하면, 매니패스트가 자동적으로 그 내용들을 적절한 컴포넌트로 분류하여 멋진 기획서를 만들 수 있습니다. # 회원가입 {% hint style="success" %} 최신 브라우저와 안정적인 인터넷 연결을 지원하는 PC환경에서의 이용을 권장합니다. {% endhint %} 매니패스트를 시작하기 위한 기본 설정 과정을 안내합니다. 회원가입부터 그룹 생성까지, 첫 사용에 필요한 단계들을 순서대로 따라와 보세요.
{% stepper %} {% step %} ### 회원가입
1. **구글 계정**을 사용해 간편하게 가입할 수 있습니다. 2. 또는 이메일을 이용해 회원가입합니다.
3. 이메일과 비밀번호를 설정하여 가입을 완료합니다. {% endstep %} {% step %} ### 프로필 등록
* 최초 로그인 시 프로필을 설정해야 합니다. * 에디터에서 사용될 프로필 사진과 이름을 정해주세요. * 직무(기획자, 디자이너 등)와 사용 목적, 이메인 수신 여부를 선택한 뒤, ‘프로필 설정’ 버튼을 눌러주세요. {% endstep %} {% step %} ### 회원가입 완료 * 프로필 설정을 완료하면 회원가입이 완료되며, 매니패스트 메인 화면으로 이동합니다. {% endstep %} {% endstepper %} # 프로필 및 테마 설정 기본적인 계정 설정, 서비스 테마와 언어 설정을 변경할 수 있습니다. ## 프로필 설정 {% stepper %} {% step %} ### 프로필 보기
1. 왼쪽 사이드바 하단에서 나의 프로필 이미지와 이름을 클릭하면 계정 정보(이름, 이메일)가 표시됩니다. 2. 이름 옆의 작은 톱니바퀴 아이콘을 누르면 프로필 설정을 변경할 수 있습니다. {% endstep %} {% step %} ### 프로필 정보 수정
* 프로필 이미지를 변경할 수 있습니다. * 이름을 변경할 수 있습니다. * 비밀번호를 변경할 수 있습니다. {% hint style="info" %} 이메일 주소는 ID로 사용되기 때문에, 변경할 수 없습니다. {% endhint %} {% endstep %} {% endstepper %} ## 테마 및 언어 설정
* 프로필 정보 설정 아래의 '일반'을 선택하면 언어와 테마 설정을 변경할 수 있습니다. * 테마는 라이트, 다크, 시스템 (시스템 설정에 따라 자동으로 전환) 모드 중 선택할 수 있습니다. * 언어는 한국어와 영어를 지원하고 있습니다. ## 알림 설정 #### 이메일 알림 설정
* 뉴스레터, 이메일 알림 수신 여부를 설정할 수 있습니다. * 중요 공지사항이나, 멤버 초대 과정 등은 이메일 알림 여부와 무관하게 모두 전송됩니다. # 그룹 생성 및 관리 그룹은 프로젝트와 멤버가 함께 작업하는 **워크스페이스** 단위입니다. **프로젝트, 멤버, 플랜, 크레딧**은 **그룹별**로 구분됩니다. \ 같은 계정으로 여러 그룹에 참여하더라도 각 그룹에서 이용하는 프로젝트와 플랜은 서로 다를 수 있습니다. {% stepper %} {% step %} ### 그룹 생성 및 전환 한 계정에서 직접 생성할 수 있는 **Starter 그룹은 1개**입니다. 이미 Starter 그룹을 보유하고 있다면 \ 새로운 Starter 그룹을 추가로 생성할 수 없습니다. 다른 사용자의 그룹에 초대받아 참여하거나 유료 플랜 그룹을 이용하는 것은 이 제한과 별도로 적용됩니다. \ 따라서 한 계정으로 여러 그룹에 소속될 수 있습니다. 왼쪽 사이드바 상단의 그룹 이름을 누르면 현재 참여 중인 그룹 목록이 표시됩니다. \ 이동하려는 그룹을 선택하면 해당 그룹의 프로젝트와 작업 환경으로 전환됩니다.
새 그룹을 만들려면 그룹 목록 하단의 **+ 그룹 만들기**를 누릅니다. 그룹 이름을 입력한 후 생성 버튼을 누르면 새 그룹이 만들어지고, 생성한 사용자가 해당 그룹의 오너가 됩니다. {% endstep %} {% step %} ### 그룹 정보 수정하기 그룹 정보를 변경하려면 왼쪽 사이드바에서 **그룹 관리**를 클릭 후\ **그룹 관리자**로 이동한 후 **그룹 정보**를 선택합니다. 그룹 정보에서는 다음 항목을 등록하거나 수정할 수 있습니다. * 그룹 이름 * 그룹 이미지 * 이메일 * 연락처 그룹 ID는 그룹 생성 시 자동으로 부여되며 수정할 수 없습니다. 그룹 정보는 **그룹 오너 또는 관리자 권한을 가진 사용자**만 변경할 수 있습니다. \ 멤버별 권한에 관한 자세한 내용은 [**멤버 초대 및 관리**](/start/member)에서 확인해 주세요.
{% endstep %} {% step %} ### 그룹 삭제 및 나가기 그룹 오너에게는 그룹 정보 화면 하단에 **그룹 삭제**가 표시됩니다. 그룹을 삭제하려면 확인 창에 해당 그룹의 이름을 정확하게 입력해야 합니다. \ 입력한 이름이 일치하면 삭제 버튼이 활성화됩니다. 그룹 오너가 아닌 사용자에게는 그룹 삭제 대신 **그룹 나가기**가 표시됩니다. \ 그룹 나가기를 선택하면 그룹은 그대로 유지되고, 해당 사용자만 그룹에서 제외됩니다. {% endstep %} {% endstepper %} ### **프로젝트를 다른 그룹으로 복제하기** 프로젝트를 다른 그룹에서도 활용하려면 **다른 그룹으로 복제**를 이용합니다.\ 원본 프로젝트는 현재 그룹에 그대로 유지되며, 대상 그룹에 별도의 프로젝트로 복제됩니다. 1. 복제할 프로젝트의 **더보기(⋯)** 메뉴를 누릅니다. 2. **다른 그룹으로 복제**를 선택합니다. 3. 복제할 **대상 그룹 ID**를 입력합니다. 4. **복제 요청**을 누릅니다. 대상 그룹 ID는 복제하려는 그룹의 **그룹 관리 → 그룹 정보**에서 확인할 수 있습니다. #### **복제 완료 방식** * **내가 참여 중인 그룹으로 복제하는 경우:** 별도의 승인 없이 바로 복제됩니다. * **내가 참여하지 않은 그룹으로 복제하는 경우:** 대상 그룹의 관리자에게 복제 요청이 전달되며, \ 관리자가 요청을 수락한 후 복제가 완료됩니다. 복제가 완료된 프로젝트는 대상 그룹의 별도 프로젝트로 관리됩니다. 이후 이용 가능한 기능과 권한은 \ **대상 그룹의 플랜과 사용자 권한**을 기준으로 적용됩니다. > 복제 요청 전 대상 그룹 ID가 정확한지 확인해 주세요. 다른 그룹의 ID를 입력하면 의도하지 않은 \ > 그룹으로 복제 요청이 전달될 수 있습니다. # 멤버 초대 및 관리 그룹에 사용자를 멤버로 초대하거나, 특정 프로젝트만 외부 사용자와 공유하는 방법을 안내합니다. ### 협업 방식 확인 매니패스트에서는 협업 범위와 권한에 따라 다음 세 가지 방식을 사용할 수 있습니다. * [**그룹 멤버 초대**](#undefined-1)**:** 사용자를 그룹 구성원으로 추가합니다. **이메일을 직접 입력**하거나 **초대 링크를 복사해 전달**할 수 \ 있으며, 두 방법 모두 동일하게 적용됩니다. 초대받은 사용자는 그룹에 참여하고 **좌석 1개를 사용**하며, \ 부여받은 역할에 따라 그룹의 프로젝트와 기능을 이용할 수 있습니다. * [**외부 편집자 초대**](#undefined-13)**:** 사용자를 그룹 멤버로 추가하지 않고 **선택한 프로젝트만 편집**할 수 있도록 초대합니다. \ **좌석을 사용하지 않으며 Team 플랜에서만 이용할 수 있습니다.** 필요한 경우 외부 편집자의 AI 사용을 \ 허용할 수 있으며, 사용한 크레딧은 해당 그룹에서 차감됩니다. * [**읽기 전용 링크 공유**](#undefined-14)**:** 사용자를 그룹이나 프로젝트 편집자로 초대하지 않고, **선택한 프로젝트를 열람만 할 수 있는** \ **링크**로 공유합니다. 링크를 생성할 때 공유 범위와 만료 기간을 설정할 수 있으며, 공유받은 사용자는 프로젝트를 \ 수정할 수 없습니다. > **초대 링크**는 사용자를 그룹 멤버로 추가하는 링크이고, **읽기 전용 공유 링크**는 \ > 프로젝트를 열람만 할 수 있도록 전달하는 링크입니다. ### 그룹 멤버 초대 {% stepper %} {% step %} ### 사용자 초대하기
왼쪽 사이드바 상단의 **그룹 이름**을 누른 후 **멤버 초대**를 선택합니다. 또는 **그룹 관리 → 멤버**로 이동하여 **+ 멤버 초대**를 누릅니다. * 입력란에 초대할 사용자의 이메일 주소를 입력하고 **Enter**를 누릅니다. * 초대할 사용자에게 부여할 역할을 선택합니다. * **초대하기**를 누르면 해당 이메일 주소로 초대 메일이 발송됩니다. * **그룹 오너 또는 관리자만** 새로운 사용자를 초대할 수 있습니다. * 초대 이메일은 발송일로부터 **7일간 유효**합니다. #### **초대 링크로 초대하기** 이메일 주소를 직접 입력하는 대신 **초대 링크 복사**를 눌러 그룹 초대 링크를 전달할 수 있습니다. 1. **멤버 초대** 창에서 초대할 사용자의 권한을 선택합니다. 2. **하단에 있는 초대 링크 복사**를 눌러 링크를 복사합니다. 3. 복사한 링크를 초대할 사용자에게 전달합니다. 4. 링크를 받은 사용자가 초대를 수락하면 해당 그룹의 구성원으로 추가됩니다. 초대 링크를 통해 참여한 사용자도 그룹 좌석 1개를 사용합니다. \ 초대 전에 사용할 수 있는 좌석이 남아 있는지 확인해 주세요. #### **플랜과 좌석 확인** 그룹 멤버로 참여하는 사용자는 역할과 관계없이 **한 명당 좌석 1개**를 사용하며, \ 그룹 오너도 좌석 1개를 사용합니다. * **Starter:** 개인용 플랜으로, 다른 사용자를 그룹 멤버로 초대할 수 없습니다. * **Pro:** 오너 1석이 기본으로 제공되며, 최대 2석을 추가하여 **총 3석**까지 사용할 수 있습니다. * **Team:** 오너를 포함한 5석이 기본으로 제공되며, 필요한 만큼 좌석을 계속 추가할 수 있습니다. 멤버를 초대하기 전에 그룹에서 사용할 수 있는 좌석이 남아 있는지 확인해 주세요. \ 좌석이 부족한 경우 먼저 좌석을 추가해야 합니다. 플랜별 기본 좌석, 추가 구매 범위와 좌석 관리 방법은 [**좌석 결제 및 관리**](/start/plan#undefined-3)에서 확인할 수 있습니다. {% endstep %} {% step %} ### 그룹 멤버 초대 수락하기 그룹 멤버로 초대된 사용자는 이메일 또는 서비스 내 알림함에서 초대를 확인하고 수락할 수 있습니다. * 이메일로 초대받은 경우, Manyfast 그룹 초대 메일을 열고 **초대 수락하기**를 누릅니다. * Manyfast에 로그인한 상태라면 왼쪽 사이드바의 **알림함**에서도 초대를 확인할 수 있습니다. * 초대 정보에 표시된 **그룹 이름, 초대 권한, 만료일**을 확인한 후 **그룹에 참여하기**를 누릅니다. * 초대를 수락하면 해당 그룹의 멤버로 등록되며, 부여받은 권한에 따라 그룹의 프로젝트를 이용할 수 있습니다. * 초대를 거절하려면 알림함에서 **거절**을 누릅니다. Manyfast 계정이 없는 이메일로 초대받은 경우에는 먼저 회원가입을 완료해야 합니다. \ 회원가입 후 초대받은 계정으로 로그인하면 그룹 참여를 이어서 진행할 수 있습니다. 초대는 발송일로부터 **7일 동안 유효**합니다. 초대가 만료되었거나 취소된 경우에는 \ 그룹 관리자에게 다시 초대해 달라고 요청해 주세요. {% endstep %} {% step %} ### 멤버 및 초대 관리하기 그룹 관리의 **멤버** 메뉴에서 현재 그룹에 참여한 사용자와 초대 중인 사용자를 관리할 수 있습니다. #### **참여 중인 멤버 관리** * **멤버** 탭에서 현재 그룹에 참여한 사용자와 각 사용자의 권한을 확인합니다. * 권한 옆의 드롭다운을 눌러 사용자를 **관리자**, **멤버**, **뷰어**로 변경할 수 있습니다. * 사용자를 그룹에서 제외하려면 권한 드롭다운에서 **내보내기**를 선택합니다. * 그룹 오너는 다른 사용자가 변경하거나 내보낼 수 없습니다. * 멤버의 권한 변경과 내보내기는 **관리자 이상의 권한**을 가진 사용자만 할 수 있습니다. #### **대기 중인 초대 관리** * **대기 중** 탭에서 아직 수락되지 않은 초대와 만료일을 확인합니다. * 발송한 초대를 철회하려면 해당 항목의 **초대 취소**를 누릅니다. * 수락 대기 중인 그룹 멤버 초대도 좌석 한도에 포함됩니다. \ 새로운 사용자를 초대하기 전에 화면에 표시된 결제 좌석 수와 현재 멤버·대기 중 인원을 확인해 주세요. * 좌석이 부족한 경우 기존 초대를 취소하거나 좌석을 추가한 후 다시 초대해야 합니다. \ 외부 편집자 초대와 읽기 전용 링크 공유는 좌석 한도에 포함되지 않습니다. 그룹에 참여한 사용자와 수락 대기 중인 초대는 모두 사용 가능한 좌석 수에 영향을 줄 수 있습니다. \ 새로운 사용자를 초대하기 전에 화면에 표시된 **결제 좌석 수**와 현재 인원을 확인해 주세요. #### **프로젝트 공유 권한 관리** 외부 편집자와 읽기 전용 공유 링크는 그룹 관리의 멤버 메뉴가 아니라 \ 해당 프로젝트의 공유 창에서 관리합니다. * 프로젝트 오른쪽 상단의 **공유**를 누릅니다. * **멤버** 탭에서 프로젝트 소유자, 그룹 멤버와 초대된 외부 편집자를 확인합니다. * **링크 공유** 탭에서 생성한 읽기 전용 공유 링크와 설정된 공유 범위·만료 기간을 확인합니다. * 외부 편집자 또는 공유 링크를 변경해도 해당 사용자는 그룹 멤버로 추가되지 않으며 \ 좌석을 사용하지 않습니다. {% endstep %} {% step %} ### 멤버 권한 아래 권한은 **그룹 구성원**에게 적용되는 역할입니다. **외부 편집자**는 **그룹 역할을 부여받지 않으며** **선택한** \ **프로젝트만** 편집할 수 있습니다. **읽기 전용 링크 사용자**는 프로젝트를 열람할 수 있지만 편집할 수 없습니다.\ 권한 및 외부 공유 범위 매니패스트의 협업 권한은 **그룹 구성원에게 부여되는 역할**과 **그룹에 포함되지 않고 특정 프로젝트에만 접근하는 외부 공유 방식**으로 구분됩니다. #### **그룹 구성원 권한** 아래 역할은 그룹에 참여한 구성원에게 적용됩니다.\ 역할과 관계없이 **그룹 오너를 포함한 사용자 한 명당 좌석 1개를 사용합니다.** | 이름 | 별칭 | 주요 권한 | 좌석 | | ------ | ----- | ---------------------------------------------- | -- | | OWNER | 그룹 오너 | 그룹의 모든 기능 이용, 그룹 정보 및 멤버 관리, 결제 및 좌석 관리 | 사용 | | ADMIN | 관리자 | 그룹 정보 수정, 멤버 초대 및 권한 변경, 프로젝트 생성·편집·삭제, MCP 이용 | 사용 | | MEMBER | 멤버 | 그룹 프로젝트 생성·편집·삭제 | 사용 | | VIEWER | 뷰어 | 그룹 프로젝트 열람 | 사용 | 그룹 오너는 그룹마다 한 명이며, 다른 사용자가 권한을 변경하거나 그룹에서 내보낼 수 없습니다. #### **그룹에 포함되지 않는 프로젝트 공유 방식** 외부 편집자와 읽기 전용 링크 사용자는 **그룹 구성원이 아니며 그룹 역할을 부여받지 않습니다.**\ 따라서 그룹 좌석을 사용하지 않고, 공유된 프로젝트에만 접근할 수 있습니다. | 공유 방식 | 접근 범위 | 편집 | AI 사용 | 그룹 소속 | 좌석 | 이용 조건 | | -------- | ------------------------ | --- | ---------- | ------- | ------- | ------------------- | | 외부 편집자 | 초대받은 프로젝트 | 가능 | 초대 시 허용 가능 | 포함되지 않음 | 사용하지 않음 | Team 플랜 | | 읽기 전용 링크 | 링크 생성 시 선택한 프로젝트 및 공유 범위 | 불가능 | 불가능 | 포함되지 않음 | 사용하지 않음 | 링크의 만료 기간과 공유 범위 적용 | 외부 편집자의 AI 사용을 허용하면 사용한 크레딧은 **프로젝트가 속한 그룹의 크레딧에서 차감됩니다.** 읽기 전용 링크 사용자는 공유된 내용을 열람할 수 있지만 프로젝트를 수정하거나 AI 기능을 \ 사용할 수 없습니다. {% endstep %} {% endstepper %} ### **외부 편집자 초대하기**
외부 편집자는 사용자를 그룹 멤버로 추가하지 않고, \ **선택한 프로젝트만 편집할 수 있도록 초대하는 방식**입니다. * 프로젝트 화면 오른쪽 상단의 **공유**를 누른 후 **멤버** 탭으로 이동합니다. * **외부 편집자 초대**를 누르고 초대할 사용자의 이메일 주소를 입력합니다. * 필요한 경우 **AI 크레딧 사용 허용**을 선택한 후 **초대**를 누릅니다. * 초대받은 사용자는 해당 프로젝트만 편집할 수 있으며, 그룹의 다른 프로젝트에는 접근할 수 없습니다. * 외부 편집자는 그룹 구성원으로 추가되지 않으며 **좌석을 사용하지 않습니다.** * AI 사용을 허용한 경우 외부 편집자가 사용한 크레딧은 **프로젝트가 속한 그룹의 크레딧에서 차감됩니다.** * 외부 편집자 초대는 **Team 플랜에서만 사용할 수 있습니다.** ### **읽기 전용 링크로 공유하기**
프로젝트를 편집할 필요 없이 결과물만 전달하려면 **읽기 전용 링크**를 사용할 수 있습니다. * 프로젝트 화면 오른쪽 상단의 **공유**를 누른 후 **링크 공유** 탭으로 이동합니다. * 링크를 구분할 수 있도록 **링크 이름**을 입력합니다. * 공유할 **범위**와 링크의 **만료 기간**을 선택합니다. * **링크 생성**을 누른 후 생성된 주소를 공유할 사용자에게 전달합니다. * 링크를 받은 사용자는 선택한 프로젝트를 열람할 수 있지만 내용을 수정할 수 없습니다. * 읽기 전용 링크 사용자는 그룹 구성원이나 외부 편집자로 추가되지 않으며 **좌석을 사용하지 않습니다.** > **초대 링크와 읽기 전용 링크의 차이**\ > 초대 링크는 사용자를 **그룹 구성원으로 추가하는 링크**이므로 좌석을 사용합니다. 읽기 전용 링크는 사용자를 그룹에 추가하지 않고 **선택한 프로젝트만 열람할 수 있도록 공유하는 링크**입니다. # 플랜 결제 및 변경 **플랜과 크레딧, 좌석은 그룹 단위로 적용됩니다.** 같은 계정으로 여러 그룹에 참여하더라도 그룹마다 이용 중인 플랜과 보유 크레딧이 다를 수 있습니다. 플랜별 가격과 제공 기능은 Pricing Page에서 확인해 주세요. ## 플랜 결제하기 {% stepper %} {% step %} ### 플랜 선택
* 홈 화면에서 왼쪽 사이드바의 그룹을 클릭하고, 플랜 업그레이드 버튼을 선택합니다. * 페이지 상단에서 **월간** 또는 **연간** 결제 방식을 선택합니다. * Starter, Pro, Team 중 이용하려는 플랜의 제공 기능과 가격을 확인합니다. * **Starter 플랜**은 개인 사용을 위한 무료 플랜으로, 매일 30크레딧이 제공됩니다. * **Pro 플랜**은 **매월 1,000크레딧**과 **오너 1석**을 기본으로 제공합니다. \ 최대 2석을 추가 구매하여 오너를 포함해 **총 3석**까지 사용할 수 있습니다. * **Team 플랜**은 **매월 1,000크레딧**과 **오너를 포함한 5석**을 기본으로 제공합니다. \ 필요한 만큼 좌석을 계속 추가 구매할 수 있습니다. * 연간 결제를 선택하면 할인된 연간 구독 가격이 적용됩니다. 좌석의 사용 기준과 산정 방식은 아래 [**좌석 안내**](#undefined-3)에서 확인할 수 있습니다. {% endstep %} {% step %} ### 결제하기 * 원하는 플랜의 **플랜 업그레이드** 버튼을 눌러 결제 절차를 시작합니다. * 선택한 플랜과 월간·연간 결제 방식, 최종 결제 금액을 확인합니다. * 결제 수단을 등록하고 결제를 완료하면 새 플랜의 크레딧과 제공 기능이 해당 그룹에 즉시 적용됩니다. **Team 플랜 결제 시** Team 플랜은 기본 5개의 좌석으로 시작합니다. 결제 과정에서 그룹이 사용할 전체 좌석 수를 입력한 후 \ **요금 미리보기**를 눌러 최종 결제 금액을 확인할 수 있습니다. **결제 내역 확인** 결제가 완료된 후 **플랜 및 결제** 화면 하단의 **결제 관리**를 누르면 현재 이용 중인 플랜, 다음 결제일과 \ 결제 내역을 확인할 수 있습니다. 필요한 경우 결제 내역에서 영수증을 내려받을 수 있습니다. {% endstep %} {% step %} ### 좌석 결제 및 관리 좌석은 그룹에 참여해 함께 작업할 수 있는 사용자 수를 의미합니다. 그룹 오너도 좌석 1개를 사용하며, 멤버와 뷰어 등 그룹 내 역할과 관계없이 \ 사용자 한 명이 좌석 1개를 사용합니다. #### **플랜별 좌석 정책** | 플랜 | 기본 제공 | 추가 구매 | 최대 좌석 수 | | -------- | -------- | ------------------ | --------- | | **Pro** | 오너 1석 | 최대 2석 추가 구매 가능 | 총 3석 | | **Team** | 오너 포함 5석 | 필요한 만큼 계속 추가 구매 가능 | 별도 최대치 없음 | Pro 플랜은 기본으로 제공되는 오너 1석에 최대 2석을 추가하여 사용할 수 있습니다. Team 플랜은 기본 5석보다 많은 인원이 함께 작업해야 할 경우 필요한 만큼 좌석을 추가할 수 있습니다. **Team 좌석 추가하기** 1. 그룹 관리자에서 **멤버** 메뉴로 이동합니다. 2. 화면 상단의 **좌석 관리**를 누릅니다. 3. 그룹에서 사용할 전체 좌석 수를 입력합니다. 4. **요금 미리보기**를 눌러 추가 좌석 수와 결제 금액을 확인합니다. 5. 표시된 결제 내용을 확인한 후 좌석 추가를 확정합니다. 결제 주기 도중 좌석을 추가하면 남은 이용 기간을 기준으로 계산된 금액이 즉시 결제될 수 있습니다. \ 실제 결제 금액은 요금 미리보기 화면에서 확인해 주세요. 현재 그룹에 참여한 멤버 수보다 적은 좌석 수는 설정할 수 없습니다. **좌석과 크레딧은 별도로 적용됩니다.** Team 플랜의 좌석을 추가하더라도 그룹에 제공되는 크레딧은 매월 1,000크레딧으로 동일합니다. 좌석을 확보한 후 사용자를 초대하는 방법은 **멤버 초대 및 관리**에서 확인할 수 있습니다. {% endstep %} {% endstepper %} ## 프로모션 코드 적용하기 {% stepper %} {% step %} ### 플랜 선택 및 코드 입력 * 보유한 프로모션 코드가 적용되는 플랜을 선택합니다. * 플랜 하단의 프로모션 코드 입력란에 코드를 입력하고 **등록**을 누릅니다. * 코드가 정상적으로 등록되면 할인이 적용된 결제 화면이 표시됩니다. 코드가 올바르지 않거나 \ 선택한 플랜에 사용할 수 없는 경우에는 오류 안내가 표시됩니다. * 결제 화면에서 적용된 할인 금액과 최종 결제 금액을 확인한 후 결제 수단을 등록합니다. * 결제가 완료되면 해당 플랜의 크레딧과 제공 기능이 그룹에 즉시 적용됩니다. {% endstep %} {% endstepper %} ## 플랜 변경/취소하기 {% stepper %} {% step %} ### 플랜 업그레이드 현재 플랜에서 제공되지 않는 기능이나 더 많은 좌석이 필요한 경우 상위 플랜으로 업그레이드할 수 있습니다. 1. 그룹 관리 → 결제 관리 메뉴에서 **'요금제 변경'**을 선택합니다. 2. 상단에서 **월간** 또는 **연간** 결제 방식을 선택합니다. 3. 변경하려는 플랜의 **플랜 업그레이드** 버튼을 누릅니다. 4. 결제 화면에서 선택한 플랜과 결제 방식, 현재 플랜의 남은 이용 기간을 기준으로 계산된 **최종 결제 금액**을 확인합니다. 5. **확인 및 결제**를 눌러 결제를 완료합니다. 결제가 완료되면 새 플랜의 **크레딧과 제공 기능이 그룹에 즉시 적용**됩니다. **Team 플랜으로 업그레이드하는 경우** 그룹에서 사용할 전체 좌석 수를 입력하고 **요금 미리보기**를 누릅니다. \ 추가 좌석 수와 최종 결제 금액을 확인한 후 결제를 확정합니다. Team 좌석의 산정 및 추가 결제 방식은 위의 **좌석 결제 및 관리**에서 확인할 수 있습니다. {% endstep %} {% step %} ### 플랜 다운그레이드 및 취소 하위 플랜으로 변경하거나 유료 플랜 이용을 종료하려면 플랜 다운그레이드를 신청합니다. \ **Starter 플랜으로 변경하는 것이 유료 플랜 구독 취소에 해당합니다.** 1. 그룹 관리 → 결제 관리 메뉴에서 **'요금제 변경'**을 선택합니다. 2. 변경할 하위 플랜의 **플랜 다운그레이드** 버튼을 누릅니다. 3. 현재 플랜과 변경 예정 플랜, **적용 예정일**을 확인합니다. 4. **확인 및 변경**을 누른 후 다운그레이드 사유를 선택하고 **제출하기**를 누릅니다. 5. 플랜 화면에서 다운그레이드 예약과 적용 예정일이 표시되는지 확인합니다. 다운그레이드를 신청해도 **다음 결제일까지는 현재 플랜의 기능과 크레딧을 계속 이용**할 수 있습니다. \ 적용 예정일부터 선택한 하위 플랜의 제공 범위가 적용됩니다. **좌석 수가 하위 플랜의 한도를 초과하는 경우** 그룹 구성원 수가 변경할 플랜의 좌석 한도를 초과하면 다운그레이드를 신청할 수 없습니다. \ 안내에 표시되는 **멤버 관리로 이동**을 눌러 초과 인원을 먼저 정리한 후 다시 신청해 주세요. 적용 예정일 전까지 **다운그레이드 취소**를 눌러 예약을 취소할 수 있습니다. \ 다른 플랜으로 변경하려면 기존 예약을 취소한 후 새 플랜으로 다시 신청해 주세요. {% endstep %} {% endstepper %} ## 크레딧 크레딧은 매니패스트에서 **AI 채팅, 문서 작성·분석, 항목 생성 등 AI 기능을 사용할 때 소모되는 사용 단위**입니다. 크레딧 사용량은 선택한 AI 모델, 요청 내용의 길이와 복잡도, 첨부 파일, 생성 결과의 규모에 따라 달라집니다. \ 한 번에 여러 작업을 요청하거나 처리할 정보가 많을수록 더 많은 크레딧이 소모될 수 있습니다. 크레딧은 **그룹 단위로 제공되며, 그룹 내 모든 구성원이 함께 사용**합니다. #### **플랜별 지급 크레딧** * **Starter:** 매일 30크레딧이 지급됩니다. 사용하지 않은 지급 크레딧은 \ 다음 지급 시점에 이월되지 않고 새 지급량으로 초기화됩니다. * **Pro:** 매월 결제일을 기준으로 1,000크레딧이 지급됩니다. * **Team:** 매월 결제일을 기준으로 1,000크레딧이 지급됩니다. \ 좌석을 추가하더라도 그룹에 지급되는 월 크레딧은 동일합니다. 플랜별 최신 크레딧 지급량과 제공 기능은 [Pricing Page](https://manyfast.io/pricing)에서 확인해 주세요. #### **지급 크레딧과 구매 크레딧** * **지급 크레딧:** 이용 중인 플랜에 따라 정기적으로 제공되는 기본 크레딧입니다. \ 다음 지급 시점에 남아 있는 크레딧은 이월되지 않습니다. * **구매 크레딧:** 구매 크레딧은 **구매일로부터 2년간 유효**하며, 유효기간이 지나면 만료됩니다. * 두 종류의 크레딧을 모두 보유한 경우 **지급 크레딧이 먼저 차감되고, 이후 구매 크레딧이 차감**됩니다. #### **크레딧 확인 및 추가 구매** 1. 그룹 관리자에서 **크레딧** 메뉴로 이동합니다. 2. 현재 보유한 지급 크레딧과 구매 크레딧의 잔액을 확인합니다. 3. 크레딧 사용 내역에서 날짜, 사용 항목, 지급·차감된 크레딧을 확인합니다. 4. 크레딧이 더 필요한 경우 같은 화면에서 **크레딧 추가 구매**를 선택해 필요한 수량을 구매합니다. 5. 결제가 완료되면 구매한 크레딧이 해당 그룹의 잔액에 반영됩니다. # 프로젝트에서 제품 기획하기 프로젝트는 제품의 요구사항부터 핵심 기능, 사용자 흐름과 화면 설계까지 \ 제품 기획에 필요한 정보를 담는 작업 공간입니다. 프로젝트를 생성하면 PRD 화면에서 바로 기획을 시작할 수 있으며, \ AI와 대화하거나 보유한 자료를 활용해 내용을 채울 수 있습니다.
## 프로젝트 생성 매니패스트에서는 복잡한 설정 없이 아이디어 하나만으로도 즉시 기획을 시작할 수 있습니다. ### 1. 홈 화면에서 바로 시작하기 로그인 후 마주하는 홈 화면 중앙의 입력창을 통해 가장 빠르게 프로젝트를 생성할 수 있습니다.
* **AI 질문으로 시작:** 만들고 싶은 제품이나 서비스의 주제와 배경을 입력한 후 화살표 버튼을 누릅니다. 프로젝트가 \ 생성되면 PRD 화면으로 이동하며, 왼쪽 채팅에서 AI의 질문에 답하면서 기획 내용을 구체화할 수 있습니다. * **내 자료로 시작:** 회의록이나 기존 기획 자료를 바탕으로 시작하려면 **내 자료로 시작**을 선택합니다. PDF, DOCX, HWP 등의 파일을 최대 10개까지 첨부하고, 자료에 대한 설명이나 만들고 싶은 결과를 함께 입력할 수 있습니다. * 두 방식 모두 화살표 버튼을 누르면 새 프로젝트가 생성되고 **PRD 화면으로 바로 이동합니다.** \ 별도의 온보딩 방식 선택 화면은 표시되지 않습니다. ### 2. 프로젝트 메뉴에서 생성하기 왼쪽 사이드바의 **모든 프로젝트**로 이동하면 현재 그룹에 생성된 프로젝트를 확인할 수 있습니다. 새 프로젝트를 만들려면 화면 상단의 **+ 새 프로젝트**를 누릅니다. 새 프로젝트가 생성되면 별도의 시작 방식 선택 화면을 거치지 않고 **빈 PRD 화면으로 바로 이동합니다.** PRD 화면에서는 항목을 직접 작성하거나, 왼쪽 채팅에서 **PRD 작성 도우미** 또는 AI 채팅을 이용해 기획 내용을 채울 수 있습니다.
프로젝트 관리하기
프로젝트 카드 우측 상단의 \[점 세 개] 버튼을 누릅니다. * 프로젝트 복제: 현재 프로젝트의 모든 내용을 그대로 복사하여 새로운 프로젝트를 생성합니다. 유사한 기획을 여러 버전으로 작업할 때 유용합니다. * 삭제하기: \[휴지통으로 이동]을 선택하면 리스트에서 숨겨지며 휴지통으로 이동합니다. * 복구 및 영구 삭제: 왼쪽 사이드바의 \[휴지통] 메뉴에서 삭제된 문서를 확인하고, 다시 원래 위치로 복구하거나 영구 삭제할 수 있습니다. * 즐겨찾기: 카드 상단의 \[별 아이콘]을 클릭하면 즐겨찾기로 등록됩니다. 등록된 프로젝트는 왼쪽 사이드바의 \[즐겨찾기] 탭에 고정되어 어디서든 빠르게 접근할 수 있습니다.
* \[프로젝트 정보]를 선택하면 상세 설정 팝업이 나타납니다. * 정보 확인: 만든 날짜와 소유자를 확인할 수 있습니다. * 제목 및 썸네일 변경: 프로젝트의 제목을 수정하거나, 리스트에서 한눈에 알아볼 수 있도록 대표 이미지를 업로드할 수 있습니다. * 프로젝트 학습 옵션: 해당 프로젝트를 AI 학습에 활용할지 여부를 직접 설정할 수 있습니다.
{% hint style="warning" %} 무료 (Starter) 플랜은 프로젝트를 최대 3개까지 만들 수 있습니다. {% endhint %} {% hint style="info" %} 프로젝트란? [\[프로젝트 개념 바로가기\]](/concept/project) {% endhint %} ## 프로젝트 생성 후 기획 이어가기 어떤 방법으로 프로젝트를 생성하더라도 프로젝트가 만들어지면 **PRD 화면으로 바로 이동합니다.** \ 별도의 온보딩 방식 선택 화면은 표시되지 않습니다. 홈 화면에서 **AI 질문으로 시작**을 선택한 경우에는 입력한 아이디어를 구체화하는 질문에 답하게 됩니다. \ 질문 제출이 완료되면 답변을 바탕으로 PRD 초안이 작성됩니다. **내 자료로 시작**을 선택한 경우에는 업로드한 자료와 함께 입력한 설명을 AI가 분석하여 PRD 초안을 작성합니다. **모든 프로젝트**에서 **+ 새 프로젝트**를 누른 경우에는 내용이 비어 있는 PRD가 바로 생성됩니다. PRD의 각 항목을 직접 작성하거나, 왼쪽의 Manny 채팅과 **PRD 작성 도우미**를 이용해 내용을 채울 수 있습니다. #### 기획 문서 작성 순서 매니패스트에서는 다음 네 가지 기획 문서를 순서대로 작성할 수 있습니다. 1. **PRD**: 제품의 목표, 배경, 사용자 문제와 해결 방향을 정의합니다. 2. **기능명세서**: 제품에 필요한 기능과 상세 동작, 수용 기준을 구체화합니다. 3. **유저플로우**: 사용자가 기능을 이용하는 과정과 화면 간 이동 흐름을 정리합니다. 4. **와이어프레임**: 앞서 정리한 기획 내용을 바탕으로 주요 화면의 구조를 시각화합니다. 먼저 PRD를 작성한 후 상단의 **기능명세서**, **유저플로우**, **와이어프레임** 탭으로 이동하여 기획을 이어갈 수 있습니다. 각 문서의 구성과 세부 작성 방법은 다음 가이드에서 단계별로 확인할 수 있습니다. # 프로덕트 요구사항 (PRD) 프로덕트 요구사항(PRD)은 제품의 목표와 배경, 사용자 문제, 해결 방향과 성공 기준을 정의하는 문서입니다. PRD에서 정리한 내용은 이후 기능명세서, 유저플로우, 와이어프레임을 작성하는 기준으로 활용됩니다. ## PRD 구성 요소 프로덕트 요구사항 페이지에서는 아래와 같은 내용을 입력할 수 있습니다.
PRD는 다음 다섯 개의 기본 섹션으로 구성됩니다. * **개요**: 제품의 한 줄 정의, 제품 목표와 배경을 작성합니다. * **문제 및 해결 방안**: 사용자가 겪는 문제와 해결 방안, 기존 방식과의 차별점을 정리합니다. * **타겟 및 시나리오**: 주요 사용자를 정의하고 제품을 이용하는 상황과 흐름을 작성합니다. * **성공·위험 요소**: 제품의 성공을 판단할 핵심 지표와 예상되는 리스크를 정리합니다. * **속성 설정**: 제품 카테고리, 사용자 역할과 이용 기기를 설정합니다. **사용자 역할**은 기능명세서의 각 기능과 연결되어 기능을 이용하는 주체를 구분할 때 사용됩니다. 각 섹션의 **+ 항목 추가**를 누르면 기본 항목 외에 프로젝트에 필요한 항목을 직접 추가할 수 있습니다. ### PRD 직접 작성하기 PRD의 각 항목을 클릭하면 내용을 직접 입력하거나 수정할 수 있습니다. * 내용을 입력하거나 수정하면 변경 사항이 자동으로 저장됩니다. * 별도의 저장 버튼을 누르지 않아도 됩니다. * 텍스트를 선택하면 표시되는 편집 도구를 이용해 굵게, 기울임, 목록 등의 서식을 적용할 수 있습니다. * 필요하지 않은 항목은 삭제하고, 프로젝트에 필요한 항목은 **+ 항목 추가**로 보완할 수 있습니다. ### AI와 함께 작성·수정하기 왼쪽의 Manny 채팅을 이용하면 PRD를 처음부터 작성하거나 이미 작성된 내용을 보완할 수 있습니다. PRD 작성을 처음 시작하는 경우 왼쪽의 **PRD 작성 도우미**를 선택하거나, 채팅창에 원하는 내용을 직접 요청합니다. 예시: * “이 아이디어를 바탕으로 PRD 개요를 작성해 줘.” * “사용자 문제와 해결 방안을 더 구체적으로 작성해 줘.” * “타겟 사용자를 대학생과 직장인으로 나누어 정리해 줘.” * “현재 PRD에서 빠진 위험 요소를 추가해 줘.” 특정 항목만 수정하려면 수정할 항목이나 문장을 지정하여 요청할 수 있습니다. 예시: * “제품 목표를 한 문단으로 줄여 줘.” * “차별점을 경쟁 서비스와 비교하는 방식으로 보완해 줘.” * “핵심 지표에 재방문율과 전환율을 추가해 줘.” AI가 여러 항목을 수정하는 경우 실제 문서에 반영하기 전에 변경 내용을 검토할 수 있습니다. ### AI 수정 제안 검토하기
AI가 문서 수정을 제안하면 변경될 항목과 내용을 확인할 수 있는 검토 화면이 표시됩니다. * **승인**: 선택한 수정 사항을 문서에 반영합니다. * **거절**: 선택한 수정 사항을 반영하지 않습니다. * **일괄처리**: 여러 수정 사항을 한 번에 승인하거나 거절합니다. * 이전·다음 버튼을 이용해 여러 수정 사항을 순서대로 확인할 수 있습니다. 수정 사항이 여러 개라면 각 변경 내용을 확인한 후 필요한 항목만 승인할 수 있습니다. 모든 승인 또는 거절이 끝나면 일반 편집 화면으로 돌아갑니다. PRD 전체를 점검하려면 우측 패널의 **검토** 버튼을 눌러 점검할 수 있습니다. 검토 기능은 문서의 누락된 내용과 논리적인 연결을 검토하고 수정안을 제안합니다. # 기능명세서 (Features) 기능명세서는 PRD에서 정의된 요구사항과 제품의 목표를 실제 구현 가능한 기능 단위로 구체화하는 단계입니다. PRD가 '무엇을, 왜 만드는가'에 집중한다면, 기능명세서는 '어떻게 작동하는가'를 설계하는 문서입니다. 이곳에서 정의된 기능 데이터는 이후 유저 플로우(User Flow) 등 모든 후속 기획 산출물의 기준이 됩니다. 두 가지 뷰를 제공하며 트리 뷰에서는 전체 구조를, 디렉토리 뷰에서는 세부 정책과 설명을 관리할 수 있습니다. ## 1. 구조 이해하기 기능명세서는 **요구사항 → 기능 → 상세 기능**의 3단계 계층 구조로 이루어집니다.
요구사항 (Requirement)기능 (Feature)상세 기능 (Specification)
회원 관리회원가입이메일/비밀번호 기반 회원가입
소셜 로그인 (카카오, 네이버, 구글 등)
닉네임 설정
이용약관 및 개인정보처리방침 동의
로그인/로그아웃자동 로그인 / 로그아웃 처리
비밀번호 찾기 및 재설정
예약 관리예약 생성회의실 및 시간대 선택
참석자 추가 및 인원 제한 설정
예약 확인 및 확정 알림 발송
### 요구사항 (Requirement) 프로젝트의 최상위 목표나 사용자의 핵심 니즈를 나타냅니다. * 설명: 기획의 큰 줄기를 잡는 단위입니다. (예: "회원 관리", "결제 및 요금제") * 수용 기준 (Acceptance Criteria): 해당 요구사항이 최종적으로 충족해야 하는 조건이나 정책을 체크리스트 형태로 정의합니다. * *예: "이메일로 회원가입 가능", "권한별로 메뉴 전환이 다르게 보임"* ### 기능 (Feature) 요구사항을 구체적으로 실현하기 위한 논리적 기능 단위입니다. * 설명: 요구사항을 달성하기 위해 필요한 구체적인 기능을 정의합니다. (예: "회원가입", "문서 공유", "결제 관리") * 사용자 역할: 각 기능의 수행 주체를 지정합니다. PRD에서 설정한 역할을 불러와 매칭할 수 있습니다. * *예: "기획자", "관리자", "게스트"* ### 상세 기능 (Specification) 각 기능 내에서 실제로 일어나는 세부 동작이나 비즈니스 정책을 정의하는 최하위 단계입니다. * 설명: 개발 및 디자인의 직접적인 기준이 되는 상세 명세입니다. (예: "이메일 가입 유효성 검사", "비밀번호 재설정 로직", "로그인 세션 만료 정책")
아이템별 속성 관리하기 모든 단계(요구사항, 기능, 상세 기능)에서는 아래 속성들을 설정하여 기획의 우선순위와 진척도를 체계적으로 관리할 수 있습니다. * **중요도 :** 기능의 **우선순위** 또는 중요도를 설정합니다. (낮음 / 중간 / 높음) * **상태 :** 기획 또는 개발의 진척도를 설정합니다. (시작 전 / 진행중 / 완료 / 중단) * 사용자의 의도에 따라 기획 진척도나 개발 현황판으로 유연하게 활용할 수 있습니다.
## **2. 뷰 전환** 작업 성격에 맞춰 트리 뷰와 디렉토리 뷰를 자유롭게 넘나들며 기획의 완성도를 높여보세요. * 상단 탭 토글 (Toggle) 활용: 화면 상단의 \[기능명세서] 탭을 클릭할 때마다 트리 뷰와 디렉토리 뷰가 순차적으로 전환됩니다. * 좌측 버튼 활용: 화면 왼쪽의 아이콘 버튼을 클릭하여 원하는 보기 방식으로 즉시 이동할 수 있습니다.
Cover image
트리 뷰 (Tree View)/files/G8aujsPuIvMrYB7vOw5O/pages/paA480hfSeBtsbsMkY2P
디렉토리 뷰 (Directory View)/files/stvKrCKAq5mcbPTTHwJr/pages/kvfRctJX2HZuIxVP24q4
# 트리 뷰 (Tree View) 트리 뷰는 전체 기획의 계층 구조를 시각적으로 확인하고 설계하는 뷰입니다. 요구사항부터 상세 기능까지 가지 형태로 연결된 노드를 통해 기획의 흐름을 한눈에 검토할 수 있습니다. ### 1. 아이템의 구성과 위계 #### 계층 구조
* 프로젝트(1Depth): 최상위 아이템으로 프로젝트 제목이 표시됩니다. 옆의 \[↗ PRD] 버튼을 누르면 PRD 문서로 즉시 이동합니다. * 기능 명세(2\~4Depth): '요구사항 → 기능 → 상세 기능' 순으로 연결됩니다. 특히 요구사항 아이템은 기획 의도를 파악할 수 있도록 상세 설명을 최대 3줄까지 노출합니다. #### 아이템 구성
* 중요도 아이콘: 제목 앞의 컬러 아이콘으로 우선순위(낮음/중간/높음)를 나타냅니다. 수정 모드에 진입하지 않고 아이콘을 클릭하는 것만으로 즉시 변경이 가능합니다. * 즐겨찾기(별표): 중요한 아이템은 별표를 눌러 등록할 수 있습니다. * 코멘트 알림: 팀원의 의견이 달린 아이템 옆에는 말풍선 아이콘이 나타나 소통 현황을 알려줍니다. ### 2. 아이템 생성 (AI 생성 및 직접 추가) 노드 우측의 `+` 버튼을 통해 기획을 빠르게 확장할 수 있습니다.
* 다음 항목 생성 : AI가 맥락을 분석하여 적절한 하위 기능을 제안합니다. * 모든 하위 항목 생성: 최하위 뎁스(상세 기능)까지 한 번에 구조를 잡습니다. * 직접 항목 추가: 사용자가 직접 하위 항목을 추가합니다. ### 3. 아이템 편집 및 제어
* 이름 수정: 노드를 더블 클릭하면 수정 모드로 진입하며, 아이템의 '이름'을 바로 변경할 수 있습니다. * 플로팅 툴바: 노드를 선택하면 상단에 툴바가 나타납니다. * 복제/삭제: 아이템을 복제하거나 삭제할 수 있습니다. 삭제 시 해당 노드에 연결된 하위 아이템까지 모두 함께 삭제되니 유의하세요. * 상세 보기: 버튼을 클릭하면 화면 우측에 디렉토리 상세 페이지가 열려 상세 설명을 편집할 수 있습니다. {% hint style="success" %} **TIP : Shift**를 누른 상태에서 아이템 클릭하면, 해당 아이템이 디렉토리 뷰에서 바로 열립니다. {% endhint %} ### 4. 아이템 탐색 및 포커스 #### 아이템 검색
* 화면 우측 상단의 \[돋보기 아이콘]을 클릭하면 중앙에 검색창이 나타납니다. * 키워드를 입력하면 해당 텍스트가 포함된 아이템들이 리스트로 나열됩니다. * 검색 결과에서 특정 아이템을 클릭하면, 캔버스가 해당 항목이 위치한 곳으로 자동 이동하며 포커스됩니다. #### 즐겨찾기 목록
* 좌측 바의 \[별 모양 버튼]을 누르면 즐겨찾기로 등록된 아이템 목록을 확인할 수 있습니다. * 목록에서 아이템을 선택하면 검색과 동일하게 해당 아이템의 위치로 화면이 이동하며 포커스됩니다. # 디렉토리 뷰 (Directory View) 디렉토리 뷰는 기능별 상세 내용을 단계별로 탐색하고 관리할 수 있습니다. 좌측 리스트를 통해 계층을 탐색하고, 우측 상세 패널에서 해당 아이템의 모든 속성을 편집할 수 있습니다. ### 1. 아이템 목록 탐색 좌측 리스트 영역은 기획의 위계에 따라 단으로 구분되어 있어 체계적인 탐색이 가능합니다.
* 단계별 목록 구성: * 1단 (요구사항): 프로젝트의 최상위 목표인 요구사항 목록이 표시됩니다. * 2단 (기능 / 상세 기능): 1단에서 선택한 요구사항에 종속된 기능들이 나열됩니다. 기능을 클릭하면 해당 기능에 포함된 상세 기능들이 하단으로 펼쳐져 세부 구조를 확인할 수 있습니다. * 단 접기 및 펼치기: 작업 화면을 넓게 쓰고 싶다면 각 단의 경계선에 위치한 화살표 버튼을 클릭하여 2단부터 차례대로 접을 수 있습니다. 접힌 단은 다시 화살표를 눌러 순차적으로 펼칠 수 있어 필요한 정보에만 집중하기 용이합니다. * 아이템 순번 표시 : 각 아이템 앞에는 순번이 표시되어 기획의 순서를 명확히 알 수 있습니다. ### 2. 아이템 편집 및 관리 #### 좌측 리스트
* 이름 수정: 리스트의 항목을 더블 클릭하면 즉시 이름을 수정할 수 있습니다. * 위치 및 순서 변경 (Drag & Drop): 항목을 마우스로 끌어서 순서를 바꾸거나, 다른 상위 항목 아래로 이동시켜 연결 관계를 재설정할 수 있습니다. * 항목 추가: 각 단계 상단의 \[+] 버튼을 눌러 새 항목을 즉시 추가합니다. * 즐겨찾기 및 코멘트: 트리 뷰와 동일하게 중요 아이템에는 별표를 달 수 있으며, 의견이 등록된 아이템은 말풍선 아이콘으로 표시됩니다. #### 우측 상세 페이지
아이템을 선택하면 우측에 보이는 상세 페이지에서 기획의 모든 세부 사항을 결정합니다. * 속성 선택 : 아이템 ID, 상태, 중요도 등의 메타데이터를 확인하고 수정합니다. * 설명 작성 : 마크다운(Markdown) 문법을 지원하여 풍부한 서식을 활용한 정교한 정책 기술이 가능합니다. * 연결된 기능 확인: 현재 선택된 아이템에 종속된 모든 하위 기능을 하단에서 확인할 수 있습니다. * AI에게 수정 요청: 우측 상단의 버튼을 통해 기획 내용의 논리적 허점을 보완하거나 문장을 다듬을 수 있습니다. * 아이템 삭제: 우측 하단의 \[쓰레기통 아이콘]을 통해 삭제합니다. 삭제 시 연결된 모든 하위 항목이 함께 삭제되니 유의하세요. ### 3. 아이템 탐색 및 소통
* 아이템 검색: 우측 상단의 \[돋보기 아이콘]으로 전체 리스트 내 키워드를 검색하고 결과 클릭 시 해당 위치로 즉시 이동합니다. * 즐겨찾기: 좌측 바의 \[별 모양 버튼]을 누르면 즐겨찾기로 등록된 아이템 목록을 확인하고 해당 위치로 즉시 이동합니다. * 트리 뷰로 이동: 상세 페이지 상단의 \[↗ 트리 뷰로 이동] 버튼을 누르면 현재 작업 중인 아이템이 트리 뷰의 중앙에 오도록 화면이 전환됩니다. * 아이템별 코멘트: 상세 페이지 하단에서 팀원과 댓글 및 답글을 주고받으며 실시간으로 기획을 다듬습니다. ([코멘트 기능 자세히 보기](/collaborate/comment)) {% hint style="warning" %} **누락된 아이템 안내 :** AI가 항목을 생성하는 과정에서 간혹 연결 관계가 올바르게 설정되지 않아 일부 아이템이 연결되지 않을 수 있습니다. 이 경우, 디렉토리 뷰에서 누락된 아이템을 확인한 뒤 드래그 앤 드롭으로 직접 연결할 수 있습니다. {% endhint %}
# 유저 플로우 (User Flow) 유저 플로우는 사용자가 서비스 안에서 이동하는 경로와 흐름을 시각화하는 문서입니다. 기능명세서에서 정의된 기능들이 실제로 어떤 순서로 연결되는지, 사용자가 어떤 행동을 통해 다음 화면으로 이동하는지를 설계합니다.
### 1. 구조 이해하기 유저 플로우는 **노드(Node)** 와 **연결선(Edge), 섹션(Section)**으로 구성됩니다. 화면 상단의 범례에서 각 노드의 의미를 확인할 수 있습니다. * **시작** : 플로우가 시작되는 진입점입니다. * **섹션 최상위 페이지** : 각 섹션의 대표 화면입니다. * **페이지** : 사용자가 실제로 탐색하는 개별 화면입니다. * **행동** : 버튼 클릭, 입력 등 사용자의 인터랙션을 나타냅니다. * **유저가 이동하는 흐름(연결선)** : 노드 간 이동 경로를 화살표로 표시합니다.
### 2. 유저 플로우 추가 유저 플로우는 하나의 프로젝트 안에 여러 버전을 만들어 관리할 수 있습니다. 우측 패널에서 버전 목록을 확인하고 전환할 수 있으며, 각 버전의 이름과 생성 일시가 표시됩니다.
버전은 **버전 그룹** 단위로 묶입니다. 처음 생성한 플로우를 기준으로, 이를 재생성한 버전들은 모두 같은 그룹으로 분류됩니다. * **버전 이름 수정 및 삭제** : 목록 우측의 더보기(⋮) 메뉴 버튼을 눌러 이름을 수정하거나 개별 삭제할 수 있습니다. * **새 유저 플로우** : 목적이 다른 플로우를 새로 만들 때 사용합니다. 생성 시 새 버전 그룹이 만들어집니다. 예) 기능명세서를 바탕으로 "1. 새 플로우"를 생성 → 이번엔 결제 흐름에 집중한 "2. 결제 강화"를 별도로 생성 * **수정본 만들기** : 현재 선택된 버전을 기반으로 특정 부분을 개선하거나 기능명세서 변경사항을 반영할 때 사용합니다. 재생성된 플로우는 원본과 같은 그룹에 추가됩니다. 예) "1. 새 플로우"에서 온보딩을 강화한 "1-1. 온보딩 강화"를 재생성 → 거기서 게스트 모드를 추가한 "1-2. 온보딩-게스트 모드 추가"를 다시 재생성
* 맞춤형 생성: 생성 버튼을 누르면 나오는 생성 창에 강조하고 싶은 흐름이나 방향(예: 온보딩 강조, 결제 흐름 중심으로)을 프롬프트로 입력하면, AI가 이를 반영하여 맞춤형 유저 플로우를 설계합니다. {% hint style="info" %} 유저 플로우를 생성하려면 먼저 PRD의 '개요'가 작성되어야 하며, 기능명세서에 최소 1개 이상의 '기능'이 정의되어 있어야 합니다. {% endhint %} ### 3. 유저 플로우 편집 생성된 유저 플로우가 수정이 필요하다면 직접 편집하여 기획 의도를 정확하게 반영할 수 있습니다. 단순한 수정은 직접 편집으로, 구조적인 큰 변경은 '수정본 만들기'로 처리하는 것을 권장합니다. #### 노드 편집 캔버스 내에서 노드를 추가, 수정, 연결할 수 있습니다. 모든 편집은 즉시 **자동 저장**되며, 실행 취소(Undo) / 재실행(Redo)이 가능합니다. 다수가 동시 접속할 경우 다른 사용자가 편집 중인 노드에는 테두리가 표시됩니다. * **노드 이름 수정** : 최소 1자 \~ 최대 20자 이내로 수정할 수 있습니다. 노드 우상단의 버튼 또는 노드 더블클릭으로 편집할 수 있습니다. * **노드 추가** : `섹션 최상위 페이지`, `페이지`, `행동` 타입을 선택하여 기존 노드의 하위 또는 같은 레벨에 새로 추가할 수 있습니다. * 기존 연결선 사이에도 새 노드를 추가할 수 있습니다. * **노드 타입 변경**: 기존 노드의 타입을 다른 타입으로 변경할 수 있습니다. * 단, '시작 노드'와 '시작 노드 직후의 하위 노드'는 타입 변경이 불가능합니다. * **노드 삭제**: 특정 노드를 삭제하면 그 노드에만 연결된 모든 하위 노드와 연결선이 함께 삭제됩니다. * 단, 하위 노드에 삭제할 노드 외의 다른 노드가 연결되어 있다면 하위 노드는 삭제되지 않습니다. #### 연결선 편집 편집하려는 연결선을 클릭하면 나타나는 툴바를 통해 연결선을 편집할 수 있습니다. * **수동 연결** : 노드의 소스 핸들(선이 나가는 쪽)에서부터 연결하려는 다른 노드의 타겟 핸들(타겟, 선이 들어오는 쪽)으로 드래그하면 수동으로 연결이 가능합니다. 연결 시 선은 자동 정렬됩니다. * **연결선 삭제** : 타겟 핸들에 상위 노드가 1개뿐인 경우 해당 연결선은 끊을 수 없습니다. 상위 노드가 2개 이상일 때만 삭제할 수 있습니다. {% hint style="info" %} 노드와 연결선은 시스템에 의해 자동 정렬되므로 사용자가 직접 위치를 바꿀 수 없습니다. {% endhint %} #### 섹션 편집 섹션은 **섹션 최상위 페이지 노드**에 따라 생성, 이동됩니다. 섹션 이름에 마우스를 호버해서 나타나는 툴바를 통해 편집할 수 있습니다. * **섹션 추가** : 섹션 최상위 페이지 노드가 추가되거나 기존의 다른 노드가 섹션 최상위 페이지 노드가 되었을 때 자동으로 추가됩니다. * **섹션 이름 수정** : 편집 버튼을 누르거나 이름을 더블 클릭해서 편집 가능합니다. * **섹션 순서 변경** : 첫 섹션을 제외한 섹션들은 화살표 버튼으로 순서를 바꿀 수 있습니다. * **섹션 삭제** : 섹션 최상위 페이지 노드를 제거하면 섹션이 함께 삭제됩니다. # 와이어프레임 (Wireframe) 와이어프레임은 유저플로우에서 정의된 각 페이지가 실제로 어떤 UI 요소로 구성되는지를 시각화하는 문서입니다. 버튼·텍스트·입력 같은 주요 요소의 배치와 화면 간 이동만 단순하게 구현하여, 최종 디자인 이전에 구성과 흐름을 가장 빠르게 점검할 수 있습니다.
### 1. 와이어프레임 생성 와이어프레임을 생성하려면 먼저 완료된 **유저플로우 버전이 1개 이상** 있어야 합니다. 생성 중이거나 생성 실패한 유저플로우는 선택할 수 없습니다. #### 생성 시작하기
생성 모달에서 다음 항목을 설정합니다. * **유저플로우 선택** : 와이어프레임이 참조할 유저플로우 버전을 고릅니다. 유저플로우에서 정의된 페이지 노드와 페이지 간 연결을 바탕으로 와이어프레임이 생성되며, 와이어프레임은 유저플로우 1개당 1개만 만들 수 있습니다. * **디바이스 선택** : 데스크탑 또는 모바일 중 하나의 화면 유형을 선택합니다. * 데스크탑 : 가로형 화면으로, 상단 메뉴와 사이드 메뉴를 사용합니다. * 모바일 : 세로형 화면으로, 하단 메뉴바를 사용합니다. * **페이지 선택** : 유저플로우에 포함된 페이지 중 와이어프레임으로 만들 페이지를 선택합니다. 섹션 단위로 한번에 선택하거나, '전체 선택' / '선택 초기화'도 가능합니다. * **추가 요청사항 (선택)** : AI에 전달할 추가 지시사항을 자유롭게 입력할 수 있습니다. AI가 기능명세서와 유저플로우를 함께 참고하여 생성하므로 기획 맥락을 다시 입력할 필요는 없으며, 필요에 따라 추가 요청사항만 입력하면 됩니다. #### 생성 중 확인 페이지는 한 번에 모두 나타나지 않고, 완성되는 순서대로 하나씩 목록에 추가됩니다. 생성이 진행되는 동안에도 이미 완성된 페이지는 먼저 열어볼 수 있습니다. #### 크레딧 안내
와이어프레임은 **모든 그룹에 처음 25페이지까지 무료**로 제공되며, **이후로는 PRO 플랜에서만 생성 가능**합니다. 생성 다이얼로그 우측 하단에서 **현재 남은 무료 페이지 수**를 확인할 수 있습니다. * 그룹당 처음 25페이지까지 무료로 생성할 수 있습니다. * 25페이지를 모두 사용하면 PRO 플랜에서만 계속 생성할 수 있습니다. * PRO 플랜은 매일 10페이지를 무료로 제공합니다. * 무료 페이지 초과 시 1페이지당 5크레딧이 소모됩니다. ### 2. 와이어프레임 조회 생성된 와이어프레임은 좌측 캔버스와 우측 패널로 구성된 뷰어에서 확인할 수 있습니다. #### 좌측 캔버스
* **페이지 정보** : 캔버스 우측 상단의 '페이지 정보' 버튼을 누르면 현재 선택된 페이지의 이름과 설명, 그리고 이 페이지의 이전 경로 · 다음 경로를 확인할 수 있습니다. ['페이지 수정'](https://app.gitbook.com/o/zyBczyLvCcAswlcS1ijW/s/v0nDmWkcH3Ia4zEb82Qz/~/edit/~/changes/44/plan/wireframe#id-4) 버튼을 통해 페이지를 다시 생성할 수 있습니다. * **페이지 이동** : 캔버스 중앙 하단의 < > 버튼으로 이전/다음 페이지로 이동합니다. * **확대 / 축소** : 캔버스 좌측 하단 우측의 - + 버튼으로 화면을 크게 보거나 작게 볼 수 있으며, fit 버튼으로 뷰어 크기에 맞게 화면을 맞출 수 있습니다. #### 우측 패널
* **유저플로우 연결 정보** : 패널 상단에 이 와이어프레임이 기반으로 삼은 유저플로우 이름이 표시되며, '유저플로우 보기' 버튼을 눌러 해당 유저플로우로 바로 이동할 수 있습니다. * **와이어프레임 목록** : 패널 우측 상단의 리스트 아이콘을 누르면 이 프로젝트에 생성된 와이어프레임 목록을 볼 수 있고, 새 와이어프레임을 만들 수도 있습니다. * **와이어프레임 재생성** : 유저플로우 정보 아래에 ['와이어프레임 전체 다시 생성하기'](https://app.gitbook.com/o/zyBczyLvCcAswlcS1ijW/s/v0nDmWkcH3Ia4zEb82Qz/~/edit/~/changes/44/plan/wireframe#id-4) 버튼이 있습니다. 아직 생성되지 않은 페이지가 남아있다면 '이어서 생성하기' 버튼도 함께 표시됩니다. * **전체 페이지 목록** : 패널 하단에 전체 페이지 목록이 노출됩니다. 이는 유저플로우의 페이지 노드 목록과 동일하며, 섹션 구분 역시 유저플로우의 섹션을 그대로 따릅니다. 각 페이지를 누르면 해당 화면을 바로 볼 수 있습니다. #### 와이어프레임 목록 이 프로젝트에 생성된 와이어프레임 목록을 확인하고 새 와이어프레임을 만들 수 있는 페이지입니다.
* 상단의 **'와이어프레임 생성하기'** 버튼을 눌러 새 와이어프레임을 만들 수 있습니다. * 와이어프레임에는 별도의 이름이 없고 기반이 된 유저플로우 이름을 그대로 따라갑니다. * 항목 옆의 메뉴 버튼을 누르면 해당 **와이어프레임을 삭제**하거나 **연결된 유저플로우로 이동**할 수 있습니다. ### 3. 프로토타입 체험 와이어프레임은 단순한 이미지가 아니라 클릭 가능한 프로토타입으로, 기획한 서비스가 실제 화면에서 어떻게 이어지는지를 최종 디자인 이전에 가장 빠르게 체험해보는 데 목적이 있습니다.
* **화면 이동** : 캔버스에 그려진 버튼·링크 등 상호작용 요소를 클릭하면 유저플로우에 정의된 경로를 따라 다음 화면으로 이동합니다. * **클릭 가능한 요소 찾기** : 화면 아무 곳이나 클릭하면 클릭/이동 가능한 요소들이 파란색으로 강조되어, 어디를 클릭할 수 있는지 한눈에 확인할 수 있습니다. * **화면 스크롤** : 생성 시 선택한 디바이스에 맞는 고정된 크기의 프레임으로 표시되며, 내용이 길 경우 해당 프레임 안에서 스크롤하여 확인할 수 있습니다. {% hint style="info" %} 와이어프레임 품질 : 와이어프레임은 색상·폰트 등 세부 디자인을 최소화한 단순한 형태로 그려집니다. 구성 요소의 배치와 화면 간 흐름이 의도대로 작동하는지 점검하는 데 초점이 맞춰져 있습니다. {% endhint %} ### 4. 와이어프레임 재생성 와이어프레임은 AI에게 추가 요청사항을 전달하여 다시 생성하는 방식으로 수정합니다. 개별 요소를 직접 편집하는 기능은 아직 제공되지 않으며, 상황에 따라 아래와 같이 재생성 범위를 선택할 수 있습니다.
* **페이지 수정하기** (페이지 단일 재생성) : 특정 페이지 하나만 다시 생성합니다. 일부 페이지만 수정이 필요할 때 사용합니다. 캔버스 우측 상단의 '페이지 정보' 버튼을 눌러 재생성할 수 있습니다. * **이어서 생성하기** : 기존 버전에 아직 생성되지 않은 페이지를 추가로 생성합니다. 디바이스 타입은 기존 버전을 그대로 따릅니다. * **와이어프레임 전체 다시 생성하기** : 선택한 페이지 전체를 새 버전으로 다시 생성합니다. 구조적으로 큰 변경이 필요하거나 추가 요청사항을 바꾸고 싶을 때 사용합니다. 와이어프레임의 페이지 구성은 유저플로우의 페이지 노드를 기준으로 생성됩니다. 페이지를 추가하거나 삭제하려면 먼저 유저플로우에서 페이지 노드를 수정한 뒤, '전체 다시 생성' 또는 '이어서 생성'으로 변경 사항을 반영해야 합니다. {% hint style="info" %} 채팅으로 와이어프레임을 직접 수정하는 기능은 현재 제공되지 않으며, 채팅은 생성된 와이어프레임을 읽어 내용을 참고하는 용도로만 활용됩니다. {% endhint %} # 정보구조도 (IA) 정보구조도 (IA) 는 서비스 내 페이지를 계층적으로 구성하고 시각화하는 문서입니다. 기능명세서에서 정의된 ‘상세 기능’과 연결되어, 사용자가 실제로 어떤 경로로 서비스를 탐색하게 될지를 설계합니다. ## **1. 구조 이해하기** 정보구조도는 **페이지(Page)** 중심으로 구성됩니다. 페이지는 상위–하위 구조(Depth)로 나뉘며, 각 페이지 안에는 기능명세서에서 정의된 **상세 기능**을 연결할 수 있습니다.
### **페이지(Page)** 제품의 탐색 단위입니다. 각 페이지는 이름과 설명을 가질 수 있습니다. 예 : “대시보드” “프로젝트 관리" "설정" ### **페이지 뎁스(Depth)** 페이지지 간의 상하 관계를 의미합니다. 예: * 1Depth: 홈, 프로젝트, 설정 * 2Depth: 프로젝트 > 멤버 관리 * 3Depth: 프로젝트 > 멤버 관리 > 초대하기 ## **2. 보기 전환** 정보구조도는 **자세히 보기 / 간단히 보기** 두 가지 모드로 전환할 수 있습니다. ### **자세히 보기** 페이 이름과 함께 설명, 연결된 상세 기능까지 함께 표시됩니다. 구조를 검토하거나 연결 관계를 확인할 때 유용합니다.
### **간단히 보기** 페이지 이름만 표시되어 전체 구조를 한눈에 파악할 수 있습니다. 페이지 계층(Depth)만 빠르게 확인하고 싶을 때 사용합니다.
## **3. 페이지 추가 / 수정** #### 페이지 수정 및 상세 기능 연결하기
1. 페이지 아이템을 선택하면 왼쪽, 오른쪽(같은 Depth), 아래(하위) 방향에 나타나는 **‘＋’ 버튼**으로 새 페이지를 추가할 수 있습니다. 2. 페이지 아이템을 선택한 뒤 상단 툴바의 **연필 아이콘**을 클릭하면 수정 모드로 전환됩니다. 또는, 아이템을 **더블 클릭**해 바로 수정할 수도 있습니다. 1. 수정 모드에서는 페이지의 이름이나 설명을 수정할 수 있습니다. 2. 삭제 시 하위 페이도 함께 제거되므로 주의가 필요합니다. 3. 페이지 아이템을 선택하면 나오는 **‘상세 기능 연결’ 버튼**을 클릭하면 연결 모달이 열립니다. 4. 여기서 기능명세서에서 정의된 ‘상세 기능’을 선택해 해당 페이지와 연결할 수 있습니다. 5. 이미 연결된 상세 기능에 마우스를 올리면 오른쪽에 ‘×’ 버튼이 표시되며, 이를 클릭해 연결을 해제할 수 있습니다. #### 페이지 간 연결로 뎁스 설정하기
정보구조도에서는 페이지의 계층(Depth)을 직접 **아이템 간 연결로 설정**할 수 있습니다. 두 페이지 아이템 중 A 아이템의 아래 핸들(1)을 드래그해 B 아이템의 위 핸들(2)에 연결하면, B 아이템이 A 아이템의 하위 페이로 이동합니다. ## 4. AI에게 요청
1. 페이지를 선택하면 상단에 **AI에게 요청** 버튼이 표시됩니다. 선택한 페이지의 이름이나 설명을 보강하거나, 하위 뎁스의 페이지를 자동 생성하도록 요청할 수 있습니다. 2. AI가 수정한 내용은 구조도 내에 바로 표시되며, 아이템 위의 **체크 버튼**을 눌러 필요한 항목만 선택적으로 **승인 / 거절**할 수 있습니다. 3. 아이템을 선택한 상태에서 채팅을 열면, 해당 항목과 연동된 상태로 **AI에게 직접 지시를 내릴 수 있습니다.** # 기능명세서 작성 속성 가이드 빠르게 매니패스트를 파악하고 싶은 분들을 위해 속성 가이드를 준비했습니다. 매니패스트로 쇼핑몰을 기획하려는 상황을 가정하고, 가장 메인 기능인 **쇼핑**에 필요한 기능을 구성해보겠습니다. {% stepper %} {% step %} ### 새 문서 준비 **새 문서를 만든 후, 디렉토리 뷰를 켭니다.** 해당 가이드에서는 **디렉토리 뷰**를 주로 활용합니다. 디렉토리 뷰에서 작성하면 기능별로 집중할 수 있고, 더 디테일하게 작성할 수 있습니다.
**📌 Tip** * 트리뷰에서 아이템을 `Shift+클릭` 하면 디렉토리 뷰로 이동합니다. * 아이템을 `더블클릭` 하면 아이템의 **이름을 바로 수정**할 수 있습니다. * `Drag & Drop`으로 순서를 바꾸거나, 포함 위치를 바꿀 수 있습니다. {% endstep %} {% step %} ### 요구사항 작성 방법 먼저, 요구사항을 정의해봅시다. * 쇼핑 : 상품을 진열해두면, 고객이 상품을 골라 주문할 수 있다. 거기서, ‘쇼핑에서 이런것을 할 수 있어야해!’ 하는 기준을 충족 기준에 적어주세요. * 충족 기준 * 유저가 원하는 카테고리, 브랜드를 선택할 수 있어야 한다. * 유저에게 정렬 방식의 선택지를 주어야 한다. * 유저가 검색어를 입력하여 상품을 검색할 수 있어야 한다. * 검색 내용은 관련도순 표기가 포함되어야 한다. * 서비스 내에서 구매(결제)를 할 수 있다. * 장바구니에 상품을 담아 합산할 수 있고, 합산 기준으로 혜택을 적용할 수 있다. > 프로젝트 성격에 따라 `최소한의 기능 개발 수준` , `유저 플로우 완성도의 기준`, `비즈니스 모델을 실현할 수 있는 수준` 등 다양한 관점에서 작성할 수 있습니다. 💭
충족 기준, 왜 적어야 하죠? 1. 프로덕트의 목적성과 핵심 유저플로우를 구체화 시키는 과정입니다. 2. 프로덕트의 완성도나 진척도를 체크하는 기준이 됩니다.
**✏️매니패스트에서 작성하면 이런 모습입니다.**
{% endstep %} {% step %} ### 기능 작성 방법 요구사항을 구체화하며, 대략적인 기능들이 보이는 듯 합니다. 그러면 이제 좀더 현실적으로 기능을 더 세분화 해보겠습니다. * ‘쇼핑에는 보통 어떤 기능이 들어가지?’ * ‘요구사항에 따라 이런 기능이 필요하겠어’ 이와 같은 사고 흐름으로, 생각대로 리스트업 해 나갑니다. 저희의 요구사항에서 언급된 카테고리 분류, 정렬, 검색 모두 상품 목록이 있어야 하는 세부 기능들이니, **‘상품 목록 조회’**를 기능으로 넣어보았습니다. **✏️매니패스트에서 작성하면 이런 모습입니다.**
{% endstep %} {% step %} ### 상세 기능 작성 방법 그리고 바로 '상품 목록 조회'의 세부기능을 작성해보겠습니다. 이해를 돕기 위해, 익숙한 형태로 기능과 세부 기능을 적어보았습니다. | 기능 | 세부 기능 | 기타 (정책, 기능 설명 등) | | -------- | --------- | -------------------- | | 상품 목록 조회 | | 상품 목록을 표시합니다. | | | 필터 | 카테고리(2뎁스), 브랜드 별 | | | 정렬 | 추천순, 가격순, 인기순 | | | 검색 | 제품명 검색, 필터 동일 적용 | | 상품 상세 조회 | | 선택된 상품 상세 정보를 표시합니다. | | | 옵션, 수량 선택 | 옵션별 가격 변동 가능 | | | 장바구니 담기 | 선택 옵션, 수량 포함 | | | 바로 구매 | | | ... | | | 위 내용의 '상품 목록 조회'를 매니패스트에서 작성해볼까요? 📌 Tip : 디테일한 내용은 ‘설명’에 적을 수 있으니 참고해주세요! **✏️매니패스트에서 작성하면 이런 모습입니다.**
{% endstep %} {% step %} ### 반복하기 기본적인 작성 방법은 여기까지 입니다. 디렉토리 뷰에서 작성한 내용을 트리 뷰로 보면 이렇게 완성되어 있습니다.
이제 나머지 부분들도 머릿속의 그림대로 따라 가지를 뻗어 나가면 됩니다. **📌 처음부터 완벽한 기획은 없습니다! 반복되는 수정 작업을 통해 완성도를 높이세요.** {% endstep %} {% endstepper %} # AI 에이전트 매니패스트의 AI는 단순한 답변을 넘어, 기획안을 직접 수정하고 실행하는 강력한 파트너입니다. 프로젝트 내의 모든 데이터(PRD, 기능명세서, 유저 플로우)와 연결되어 **문맥 기반으로 지시를 이해하고 자동 작업을 수행**합니다. ### AI 에이전트 활용하기 #### 1. 핵심 기능 * 기획 검토 및 정보 획득: 기획 중 궁금한 점을 물어보고 아이디어를 얻을 수 있습니다. * 직접적인 아이템 수정: "PRD 개요 수정해줘", "결제 기능의 상세 정책 추가해줘"와 같이 지시하면 AI가 기획 데이터를 직접 변경합니다. * 파일 업로드 분석: 기획서, 회의록 등 참고 자료(PDF, Word, Excel, 이미지 등)를 업로드하여 AI가 분석하게 할 수 있습니다. (파일당 최대 50MB) #### 2. 두 가지 작업 모드
하단 바의 모드 설정을 통해 AI의 작업 방식을 선택할 수 있습니다. * 설계 모드: 본격적인 수정 전, AI와 함께 계획을 구체화하고 합의점을 먼저 찾습니다. * 실행 모드: 지시를 내리면 AI가 즉시 기획 도구를 사용하여 데이터를 수정하고 빠르게 결과물을 만들어냅니다. #### 3. 다양한 AI 모델 선택 프로젝트의 성격과 크레딧 소모량을 고려하여 최적의 모델을 선택하세요. * OpenAI (GPT-5.2 등): 범용 성능이 우수하며 아이디어 발산에 강합니다. * Google (Gemini 2.5 Pro 등): 긴 맥락 처리와 리서치 업무에 최적화되어 있습니다. * Anthropic (Claude 시리즈): 상세 명세 작성과 지시 이행 능력이 탁월합니다. *** ### 채팅 인터랙션 및 실행 관리 #### 채팅 시작
* 새 채팅 및 목록: 우측 상단의 연필 버튼으로 새 채팅을 시작하고, 시계 버튼으로 이전 대화 기록을 확인할 수 있습니다. * 아이템 태그: 채팅창에 '@'를 입력하여 아이템 목록 중, 특정 아이템을 컨텍스트로 선택하고, 해당 항목에 대해 집중적으로 지시를 내릴 수 있습니다. #### AI 수정 사항 검토 및 반영
AI가 지시에 따라 내용을 수정하면 사용자가 직접 검토한 뒤 최종 반영 여부를 결정합니다. * 수정 알림: AI가 내용을 수정하면 트리 뷰에 파란색 화살표 버튼이 표시됩니다. 이를 클릭하면 디렉토리 뷰에서 수정된 내용을 미리 볼 수 있습니다. * 승인 및 거절: 수정된 내용은 필요한 항목만 개별 승인/거절하거나, 하단 바를 통해 일괄 승인/거절이 가능합니다. ### 크레딧 소모 AI 채팅 및 생성 기능 사용 시 크레딧이 소모됩니다. 소모량은 사용 중인 AI모델, 정보처리량에 따라 매번 다르게 측정됩니다. 크레딧 잔여량은 채팅 입력창 하단 또는 [크레딧](/start/plan#undefined-10) 페이지에서 확인하실 수 있습니다. * 더 많고 복잡한 작업을 할 수록 크레딧이 더 많이 차감됩니다. * 더 고급 모델을 사용할 경우, 크레딧이 더 많이 차감될 수 있습니다. * AI가 수정 작업을 진행하지 않는 답변(단순 채팅)에도 크레딧은 차감됩니다. * 정지 버튼을 눌러도, 이미 진행된 정보처리에 대한 크레딧은 차감됩니다. * 모든 작업은 최소 1크레딧을 소모합니다. * AI가 작업에 실패한 경우, 작업 시작 때 소모된 1크레딧을 반환합니다. #### AI 모델별 크레딧 소모 * Anthropic(Claude)의 모델이 가장 크레딧 소모량이 큽니다. * 일반적인 난이도의 대화에도 10\~20크레딧이 차감됩니다. * 대량의 작업을 요청할 경우 50크레딧 이상이 차감될 수 있습니다. * Google(Gemini)과 OpenAI(Chat-gpt)의 크레딧 소모량은 비슷합니다. * 일반적인 난이도의 대화에서 5\~10 크레딧이 차감됩니다. # 내보내기 기획이 완료되면 작업물을 용도에 맞는 다양한 형식으로 추출할 수 있습니다. AI가 정리한 결과물을 팀원에게 전달하거나 개발 문서로 즉시 활용해 보세요. ### 1. 내보내기 대상 및 형식 작성된 데이터의 성격에 따라 최적화된 포맷을 제공합니다. #### A. 기능명세서 요구사항부터 상세 기능까지의 계층 구조를 아래 4가지 형식으로 내보낼 수 있습니다. | 형식 | 설명 | 활용 예시 | | ---------- | -------------------------------- | ------------------- | | 엑셀 (.xlsx) | 항목별 데이터가 행 단위로 정리되어 표 형식으로 확인 가능 | 기능 정의서 전달, 개발 검토용 | | 이미지 (.png) | 현재 그래프/트리 형태를 시각적으로 저장 | 회의 자료, 보고서 첨부용 | | 마크다운 (.md) | 서식이 들어간 텍스트 기반 포맷 | 위키, 노션 등 협업 툴 연동용 | | 텍스트 (.txt) | 구조화되지 않은 순차적 텍스트 버전 | 초안 공유, 간단한 기록 및 메모용 | {% hint style="success" %} PRD는 기능명세서에 자동 포함되어 함께 출력됩니다. {% endhint %} #### B. 유저 플로우 캔버스에 그려진 서비스 흐름도를 시각적 이미지 또는 코드로 추출합니다. | 형식 | 설명 | 활용 예시 | | ------------------ | --------------------------------- | --------------------------------------- | | 이미지 (.png) | 현재 화면에 표시된 유저 플로우를 고화질 이미지 파일로 저장 | 회의 자료, 슬라이드 첨부용 | | 머메이드 코드 (.mermaid) | 다이어그램을 코드로 변환하여 추출 | 코드 기반 문서 관리(GitHub), 수정 가능한 형태의 플로우 공유용 | ### 2. 내보내기 방법
1. 화면 우측 상단의 \[내보내기] 버튼을 클릭하면 세부 메뉴가 나타납니다. 2. \[프로젝트 내보내기] 메뉴 선택 후 추출할 대상(기능명세서 또는 유저 플로우)을 선택합니다. 3. 내보내기 창이 뜨면 좌측 탭에서 원하는 파일 형식(.xlsx, .png, .md, .txt 등)을 선택합니다. 4. 내용 확인 후 우측 하단의 \[다운로드] 버튼을 누르면 파일 저장이 시작됩니다. {% hint style="warning" %} STARTER (무료) 플랜은 내보내기 횟수가 **도큐먼트 당 3회**로 제한됩니다. {% endhint %} ### 3. 개발지시서 생성하기 (Beta) 작성된 PRD와 기능명세서를 바탕으로 개발 참고용 지시서를 빠르게 생성할 수 있는 기능입니다.
#### 1. 기능 개요 * 매니패스트의 기획 데이터를 분석하여 구현 로직, 예외 처리, 성공 지표 등이 포함된 줄글 형태의 지시서를 생성합니다. * 생성된 내용은 마크다운(.md) 파일로 다운로드하여 외부 문서 도구에 바로 활용할 수 있습니다. #### 2. 생성 방법 1. \[내보내기 > 개발지시서 생성하기] 메뉴를 선택합니다. 2. (선택 사항) 특정 기술 스택(예: React, Node.js)을 지정하거나, 문서에서 특히 강조하고 싶은 구현 규칙이 있다면 자유롭게 입력하세요. 3. \[개발지시서 생성] 버튼을 누르고 결과물을 확인합니다. 1. 우측 하단의 \[다운로드] 버튼을 누르면 마크다운(.md) 형식으로 저장할 수 있습니다. 2. 결과가 아쉬울 경우 하단의 \[재생성]을 눌러 다시 생성할 수 있습니다. {% hint style="warning" %} 현재 베타 기능으로 제공되며, 캔버스에 작성된 기획 데이터가 구체적일수록 더 정교한 초안이 생성됩니다. 생성된 지시서는 작성자 본인에게만 노출되며, 창을 닫더라도 생성 내역이 유지됩니다. {% endhint %} # MCP 연결하기 ### MCP를 통해 무엇을 할 수 있나요? MCP 서버를 활성화하면 외부의 AI서비스가 매니패스트의 기획 파일에 직접 접근해 내용을 학습하고, 기획된 구조를 바탕으로 학습하거나, 작업을 진행할 수 있습니다.\ 이를 통해 기획을 확장하거나, 개발로의 전환 과정을 빠르고 일관되게 이어갈 수 있습니다. **1. 기획 문서로부터 코드 자동 생성** * 매니패스트에서 정의한 기능명세를 MCP를 통해 Cursor, Claude Code 같은 코드 에이전트에 전달하여 기획 내용 대로 코드를 생성하고 개발을 전개할 수 있습니다. **2. 에이전트 학습 컨텍스트 제공** * 매니패스트에서의 기획 구조와 네이밍 규칙 등을 통해 AI 개발 에이전트에게 일관된 컨텍스트를 제공합니다. **3. 기획과 개발의 실시간 동기화** * MCP 서버는 매니패스트에서의 변동사항을 동시에 업데이트하여, 연동된 기획 정보를 최신 상태로 유지할 수 있습니다. * 외부 도구에서 작업한 내용을 바탕으로, 매니패스트의 프로젝트를 수정할 수 있습니다. {% hint style="info" %} 매니패스트 MCP는 아래의 서비스와의 연동을 지원합니다. * **Cursor / Claude Code / Chat-gpt / Lovable / Codex / Antigravity** {% endhint %} ## 연결하는 방법 매니패스트 MCP는 Cursor, Claude Code, Chat-gpt, Lovable에서 사용할 수 있습니다.\ 각 환경별 설정 방법은 아래 내용을 참고하세요. #### MCP 서버 추가하기 {% tabs %} {% tab title="Cursor" %} #### Cursor 설정 방법 [Cursor MCP 설정 공식 문서](https://docs.cursor.com/ko/context/mcp) * Cursor의 설정(Settings) > Tools & MCP > “New MCP Server” 항목으로 이동하여 다음 정보를 입력합니다. ```json { "mcpServers": { "manyfast": { "url": "https://api.manyfast.io/mcp" } } } ``` * 설치된 MCP 서버 목록에서 manyfast 연결을 진행합니다.
설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% tab title="Claude Code" %} #### Claude Code 설정 방법 [Claude Code MCP 설정 공식 문서](https://code.claude.com/docs/ko/mcp) * 터미널에 다음 명령어를 실행합니다. {% code overflow="wrap" %} ```bash claude mcp add --transport http manyfast https://api.manyfast.io/mcp ``` {% endcode %} * 이어서 터미널에 아래 내용을 입력합니다. ``` claude /mcp ``` * 표시되는 리스트에서 매니패스트를 선택합니다.
* 1번 Authenticate 를 선택합니다.
설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% tab title="ChatGPT" %} #### ChatGPT 설정 방법 {% hint style="info" %} ChatGPT Plus 요금제 이상만 연결이 가능합니다. {% endhint %}
* ChatGPT에 접속하여 왼쪽 메뉴 중 '플러그인' 메뉴에 진입합니다. * 검색창 옆의 '+' 버튼을 선택합니다.
* 이미지와 같이 입력한 후 '만들기'버튼을 눌러 완료합니다. * MCP 서버 URL : 설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% tab title="Codex" %}
* Codex 앱의 좌측 하단 설정 버튼 > 설정을 선택합니다.
* 좌측 패널에서 ‘MCP 서버’ 탭으로 이동합니다. * ‘서버 추가’ 버튼을 선택합니다.
* 이름에 ‘manyfast’ 를 입력하고 ‘스트리밍 가능한 HTTP’를 선택합니다. * 이미지와 같이 입력 후 ‘저장’을 클릭합니다. * MCP 서버 URL :
* 저장 후 ‘플러그인 제공’ 하단에 'manyfast' 를 확인합니다. * Codex를 재부팅 한 후, 동일한 화면에서 ‘manyfast’ 옆의 '인증' 버튼을 클릭합니다. {% endtab %} {% tab title="Lovable" %} #### Lovable 설정 방법 {% hint style="info" %} Lovable 비즈니스 요금제 이상만 MCP 연결이 가능합니다. {% endhint %}
* 채팅창 좌측 하단 '+'버튼 > Intergration > Manage Intergrations를 선택합니다.
* MCP서버 목록 마지막의 'Add' 버튼을 선택합니다.
* 이미지와 같이 입력한 후 'Add Server'버튼을 눌러 완료합니다. * MCP 서버 URL : 설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% tab title="Antigravity" %} #### Antigravity 설정 방법
* Antigravity 우측 상단의 메뉴 선택 > 'MCP Servers' 선택 > 'Manage MCP Servers' 선택
* 'View raw config' 버튼을 선택합니다.
* 표시되는 파일에 아래 내용을 붙여넣습니다. ``` { "mcpServers": { "manyfast": { "serverUrl": "https://api.manyfast.io/mcp/" } } } ```
* 이미지와 같은 링크이동 팝업이 표시되면, 확인을 눌러 MCP 서버 로그인 화면으로 이동합니다. {% endtab %} {% endtabs %} #### MCP 서버 로그인 하기 * MCP 서버를 활성화하면, 연결을 위한 로그인을 진행합니다.
* 매니패스트 계정으로 로그인을 완료하면, MCP서버에 연결할 그룹을 선택할 수 있습니다. # MCP 연결하기 (API) ### MCP를 통해 무엇을 할 수 있나요? MCP 서버를 활성화하면 AI 코드 에이전트(Cursor, Claude Code 등)가 매니패스트의 기획 파일에 직접 접근해 내용을 학습하고, 기획된 구조를 바탕으로 코드를 생성할 수 있습니다.\ 이를 통해 기획에서 개발로의 전환 과정을 빠르고 일관되게 이어갈 수 있습니다. **1. 기획 문서로부터 코드 자동 생성** * 매니패스트에서 정의한 기능명세를 MCP를 통해 Cursor, Claude Code 같은 코드 에이전트에 전달하여 기획 내용 대로 코드를 생성하고 개발을 전개할 수 있습니다. **2. 에이전트 학습 컨텍스트 제공** * 매니패스트에서의 기획 구조와 네이밍 규칙 등을 통해 AI 개발 에이전트에게 일관된 컨텍스트를 제공합니다. **3. 기획과 개발의 실시간 동기화** * MCP 서버는 매니패스트에서의 변동사항을 동시에 업데이트하여, 연동된 기획 정보를 최신 상태로 유지할 수 있습니다. (\*현재는 매니패스트 문서 읽기 전용으로 연동되며, 직접 수정 기능은 제공하지 않습니다.) ## 연결하는 방법 ### 1. API Key 발급 {% stepper %} {% step %} 도큐먼트 목록 화면에서 \[그룹/결제 관리] 페이지로 이동합니다.
{% endstep %} {% step %} **API 키 생성** 버튼을 누르고, API 이름을 지정하면 API 키 가 생성됩니다.
* 매니패스트의 API 키 양식은 `mf_sk_......` 입니다. * 발급된 API 키는 생성 시 한번만 표시되니 주의해주세요. * 발급된 키는 외부 에이전트 연결 시 인증 수단으로 사용되므로, 안전한 공간에 보관하세요. {% endstep %} {% endstepper %} ### 2. AI 에이전트에 연결 매니패스트 MCP는 Cursor와 Claude Code에서 사용할 수 있습니다.\ 각 환경별 설정 방법은 아래 내용을 참고하세요. {% tabs %} {% tab title="Cursor" %} #### Cursor에 연결하기 * Cursor의 설정(Settings) > Integrations > “Custom MCP Server” 항목으로 이동합니다. ```json { "mcpServers": { "manyfast": { "url": "https://api.manyfast.io/mcp", "headers": { "Authorization": "Bearer <>" } } } } ``` * 다음 정보를 입력합니다. * **`<>`**: 매니패스트에서 발급받은 개인 키로 대체해주세요. #### 연결 확인 * Installed MCP Servers에 manyfast가 확인됩니다.
{% endtab %} {% tab title="Claude Code" %} #### Claude Code에 연결하기 * 터미널에 다음 명령어를 실행합니다. ```bash claude mcp add --transport http manyfast https://api.manyfast.io/mcp --header "Authorization: Bearer <>" ``` * **API\_KEY**를 매니패스트에서 발급받은 개인 키로 대체합니다. #### 연결 확인 * 터미널에서 `claude`를 입력하여 Claude Code를 실행합니다. * `/mcp` 명령어를 실행합니다.
{% endtab %} {% endtabs %} # MCP 연결하기 (Lovable) ### MCP를 통해 무엇을 할 수 있나요? MCP 서버를 활성화하면 외부의 AI서비스가 매니패스트의 기획 파일에 직접 접근해 내용을 학습하고, 기획된 구조를 바탕으로 학습하거나, 작업을 진행할 수 있습니다.\ 이를 통해 기획을 확장하거나, 개발로의 전환 과정을 빠르고 일관되게 이어갈 수 있습니다. **1. 기획 문서로부터 코드 자동 생성** * 매니패스트에서 정의한 기능명세를 MCP를 통해 Cursor, Claude Code 같은 코드 에이전트에 전달하여 기획 내용 대로 코드를 생성하고 개발을 전개할 수 있습니다. **2. 에이전트 학습 컨텍스트 제공** * 매니패스트에서의 기획 구조와 네이밍 규칙 등을 통해 AI 개발 에이전트에게 일관된 컨텍스트를 제공합니다. **3. 기획과 개발의 실시간 동기화** * MCP 서버는 매니패스트에서의 변동사항을 동시에 업데이트하여, 연동된 기획 정보를 최신 상태로 유지할 수 있습니다. {% hint style="info" %} 매니패스트 MCP는 아래의 서비스와의 연동을 지원합니다. * **Cursor / Claude Code / Chat-gpt /** **Lovable** {% endhint %} {% hint style="warning" %} 의도되지 않은 수정, 삭제를 방지하기 위해 외부 도구가 MCP를 통해 매니패스트 내의 문서를 수정하는 기능은 지원하지 않고 있습니다. {% endhint %} ## 연결하는 방법 매니패스트 MCP는 Cursor, Claude Code, Chat-gpt, Lovable에서 사용할 수 있습니다.\ 각 환경별 설정 방법은 아래 내용을 참고하세요. #### MCP 서버 추가하기 {% tabs %} {% tab title="Cursor" %} #### Cursor 설정 방법 [Cursor MCP 설정 공식 문서](https://docs.cursor.com/ko/context/mcp) * Cursor의 설정(Settings) > Integrations > “Custom MCP Server” 항목으로 이동하여 다음 정보를 입력합니다. ```json { "mcpServers": { "manyfast": { "url": "https://api.manyfast.io/mcp" } } } ``` * 설치된 MCP 서버 목록에서 manyfast 연결을 진행합니다.
설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% tab title="Claude Code" %} #### Claude Code 설정 방법 [Claude Code MCP 설정 공식 문서](https://code.claude.com/docs/ko/mcp) * 터미널에 다음 명령어를 실행합니다. {% code overflow="wrap" %} ```bash claude mcp add --transport http manyfast https://api.manyfast.io/mcp ``` {% endcode %} * 이어서 터미널에 아래 내용을 입력합니다. ``` claude /mcp ``` * 표시되는 리스트에서 매니패스트를 선택합니다.
* 1번 Authenticate 를 선택합니다.
설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% tab title="ChatGPT" %} #### ChatGPT 설정 방법 {% hint style="info" %} ChatGPT Plus 요금제 이상만 연결이 가능합니다. {% endhint %}
* ChatGPT의 채팅 입력창 좌측 '+' 버튼 선택 > 더보기 > 소스추가를 선택합니다. * 추가하기 > 더 연결하기를 선택합니다.
* 연동 및 앱 커넥터 탭에서 가장 하단 '고급 설정'에서 개발자 모드를 활성화 합니다.
* 연동 및 앱 커넥터 가장 상단의 '만들기'버튼을 선택합니다.
* 이미지와 같이 입력한 후 '만들기'버튼을 눌러 완료합니다. * MCP 서버 URL : 설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% tab title="Lovable" %} #### Lovable 설정 방법 {% hint style="info" %} Lovable 비즈니스 요금제 이상만 MCP 연결이 가능합니다. {% endhint %}
* 채팅창 좌측 하단 '+'버튼 > Intergration > Manage Intergrations를 선택합니다.
* MCP서버 목록 마지막의 'Add' 버튼을 선택합니다.
* 이미지와 같이 입력한 후 'Add Server'버튼을 눌러 완료합니다. * MCP 서버 URL : 설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다. {% endtab %} {% endtabs %} #### MCP 서버 로그인 하기 * MCP 서버를 활성화하면, 연결을 위한 로그인을 진행합니다.
* 매니패스트 계정으로 로그인을 완료하면, MCP서버에 연결할 그룹을 선택할 수 있습니다. # 실시간 동시 편집 매니패스트는 팀원들과 하나의 기획안을 동시에 편집하고, 서로의 작업 상태를 실시간으로 확인할 수 있는 협업 환경을 제공합니다.
### 1. 동시 편집 및 활동 확인 1. 접속 멤버 확인: 우측 상단의 멤버 프로필 아이콘에 마우스를 올리면 현재 실시간으로 접속 중인 팀원의 이름을 확인할 수 있습니다. 2. 실시간 커서 확인: 함께 접속 중인 멤버가 어느 위치를 수정하고 있는지 마우스 커서와 이름표를 통해 실시간으로 확인할 수 있습니다. 3. 컴포넌트 선택 표시: 다른 멤버가 특정 노드나 텍스트를 선택 중일 경우, 해당 영역이 멤버 고유의 컬러로 강조 표시되어 작업 중복을 방지합니다. ### 2. 수정 사항 반영 및 동기화 * 모든 수정 사항은 별도의 저장 버튼 없이 서버에 즉시 반영됩니다. * 여러 명이 동시에 같은 문장을 수정할 경우, 가장 마지막에 입력된 수정사항이 최종적으로 반영됩니다. * 만약 네트워크 환경 문제로 편집 내용이 즉시 보이지 않는다면, 페이지를 새로고침하여 서버의 최신 데이터를 다시 불러오세요. {% hint style="info" %} TIP : 대규모 구조 변경이나 중요한 의사결정이 필요한 부분은 ['코멘트'](/collaborate/comment) 기능을 통해 의견을 먼저 나눈 뒤 편집하면 훨씬 효율적인 협업이 가능합니다. {% endhint %} {% hint style="warning" %} 실시간 협업 기능은 현재 개선 중이며, 안정적인 사용 경험을 제공하기 위해 지속적으로 보완하고 있습니다. {% endhint %} # 링크 공유 작성 중인 기획안을 별도의 권한 부여 없이도 링크 하나로 간편하게 공유할 수 있습니다. ### 1. 공유 링크 생성하기
화면 우측 상단의 \[공유] 버튼을 클릭하여 공유 설정을 시작하세요. * 만료 기간 설정: 링크의 유효 기간을 7일, 30일, 혹은 무제한 중에서 선택할 수 있습니다. * 링크 만들기: 기간 선택 후 \[공유 링크 만들기] 버튼을 누르면 고유한 URL이 생성됩니다. ### 2. 링크 복사 및 관리
링크가 생성되면 즉시 복사하여 전달할 수 있습니다. * URL 복사: 생성된 URL 옆의 \[복사] 버튼을 클릭하여 클립보드에 저장하세요. * 상태 유지: 링크가 활성화된 동안에는 \[공유] 버튼을 누를 때마다 현재 링크의 조회수와 만료일을 확인할 수 있는 모달이 나타납니다. * 링크 비활성화: 더 이상 공유를 원하지 않을 경우, 모달 하단의 \[링크 비활성화] 버튼을 눌러 즉시 접근을 차단할 수 있습니다. ### 3. 읽기 전용(Read-only) 뷰
공유받은 사람은 별도의 로그인이나 그룹 초대 없이도 기획안을 확인할 수 있습니다. 링크를 통해 접속한 사용자는 기획안 내용을 볼 수만 있으며, 편집은 불가능한 읽기 전용 상태로 제공됩니다. ### 4. 링크 만료 안내
설정한 기간이 지나거나 링크가 비활성화된 경우, 해당 URL로 접속 시 "공유 링크가 만료되었거나 비활성화되었습니다"라는 안내 문구가 표시되며 기획안 내용이 노출되지 않습니다. {% hint style="warning" %} 문서 공유 시 변경 사항은 실시간 저장이 아닌 약 5분 내외의 저장 딜레이가 존재합니다 {% endhint %} # 버전 관리 (Beta) 매니패스트는 기획의 변경 사항을 안전하게 기록하고, 필요할 때 언제든 이전 상태로 되돌릴 수 있는 버전 관리 기능을 제공합니다.
### 1. 버전 기록 사이드바 열기 화면 우측 상단의 \[시계 모양 아이콘] 클릭하세요. 화면 오른쪽에 버전 히스토리를 확인할 수 있는 사이드바가 나타납니다. ### 2. 현재 버전 저장하기 작업 중인 내용을 기록하고 싶다면 사이드바 상단의 \[+ 새 버전 저장] 버튼을 누르세요. * 자동 기록 정보: 저장 시점의 날짜 및 시간, 저장한 사람(사용자 이름)이 자동으로 기록됩니다. * 기본으로 설정된 버전 이름(예: v1, v2)을 업무 맥락에 맞게 자유롭게 수정할 수 있습니다. * 목록 우측의 더보기(⋮) 메뉴 버튼을 클릭하여 '최종 검토본', '디자인 수정 전' 등 식별하기 쉬운 이름으로 변경해 보세요. ### 3. 이전 버전으로 복원하기 과거의 특정 시점으로 기획안을 되돌려야 한다면 복원 기능을 사용하세요. * 목록 하단에 나타나는 \[복원] 버튼을 클릭하면 해당 시점의 데이터로 즉시 복구됩니다. {% hint style="info" %} Tip: 중요한 미팅 전이나 큰 규모의 기능 수정 직전에 버전을 저장해두면, 기획 방향이 바뀌더라도 안심하고 이전 단계로 돌아갈 수 있습니다. {% endhint %} # 코멘트 (Beta) 기획안의 각 항목에 대해 의견을 나누고, 수정 사항을 효율적으로 관리할 수 있습니다.
### 1. 코멘트 작성 및 답글 달기 **\[기능 명세서 > 디렉토리 뷰]**에서 상세 아이템마다 자유롭게 의견을 남길 수 있습니다. * 코멘트 남기기: 각 아이템 하단의 코멘트 입력창에 내용을 작성하고 \[등록]을 누르세요. * 답글: 이미 작성된 코멘트 위에 마우스를 올리면(Hover) 하단에 \[답글 달기] 버튼이 나타납니다. 이 버튼을 클릭해 대화를 이어갈 수 있습니다. ### 2. 코멘트 해결 및 숨기기 논의가 완료된 코멘트는 화면에서 숨겨 업무 집중도를 높일 수 있습니다. * 해결하기: 코멘트 우측의 체크(✓) 아이콘을 클릭하면 '해결됨' 상태가 되며 화면에서 숨겨집니다. * 다시 보기: 상단의 \[해결된 코멘트 보기]를 클릭하면 숨겨진 코멘트들을 언제든 다시 확인하거나 복구할 수 있습니다. ### 3. 코멘트 수정 및 삭제 작성한 코멘트는 언제든지 관리할 수 있습니다. * 코멘트 우측의 더보기(⋮) 메뉴 버튼을 누르면 \[수정] 또는 \[삭제]가 가능합니다. ### 4. 전체 코멘트 모아보기 (사이드바)
개별 항목을 일일이 확인하지 않아도, 프로젝트 전체의 의견을 한눈에 파악할 수 있습니다. * 전체 코멘트 열기: 화면 우측 상단의 \[말풍선 모양 아이콘]을 클릭하세요. * 오른쪽에 나타나는 코멘트 사이드바를 통해 프로젝트에 달린 모든 댓글과 답글 히스토리를 한 번에 확인할 수 있습니다. # 프로젝트 매니패스트에서 관리하는 하나의 파일 단위를 지칭합니다. 프로젝트는 PRD, 기능명세서, 유저 플로우를 포함하는 통합 문서를 뜻합니다.\ 프로젝트 내부에서 **아이템**들을 생성하며 제품 기획을 만들어갑니다. # 에디터 인터페이스 매니패스트에서 자주 사용되는 인터페이스 용어의 개념에 대한 정리입니다.
### 캔버스 트리 뷰 또는 유저플로우에서 정보가 보여지고, 정보를 편집할 수 있는 화면을 뜻합니다. ### 아이템 캔버스 위에서 사용할 수 있는 개별 요소들입니다. 아이템은 기획하고자 하는 **제품에 대한 정보들**을 의미하며, 그 정보들의 성격에 따라 요구사항, 기능, 상세기능 등으로 분류됩니다. ### 탭 매니패스트에서는 현재 PRD, 기능명세서, 유저플로우 세가지 형태를 제공합니다. 상단바의 탭에서 이 세가지 유형의 작업영역을 오갈 수 있습니다. ### 뷰 정보에 대한 보기 방식을 지칭합니다. 하나의 탭 내에서 정보를 여러가지 보기 방식으로 제공합니다. * 트리 뷰는 기능의 전체적인 위계를 확인할 수 있는 보기 방식을 지칭합니다. * 디렉토리 뷰는 기능별 포함관계를 디렉토리 형태로 확인할 수 있는 보기 방식을 지칭합니다. {% hint style="info" %} 아이템과 뷰의 종류는 지속적으로 업데이트 및 변경됩니다. {% endhint %} # 캔버스와 아이템 매니패스트에서는 빈 캔버스에 아이템을 추가하며 기획을 전개해나갈 수 있습니다. {% hint style="warning" %} 아이템 종류는 지속적으로 업데이트 및 변경됩니다. {% endhint %} ### 캔버스 트리 뷰에서 정보가 보여지고, 정보를 편집할 수 있는 화면을 뜻합니다. ### 아이템 캔버스 위에서 사용할 수 있는 개별 요소들입니다. 아이템은 기획하고자 하는 **제품에 대한 정보들**을 의미하며, 그 정보들의 성격에 따라 요구사항, 기능, 상세기능, 페이지 메뉴로 분류됩니다.
아이템설명사용되는 탭
요구사항프로젝트의 큰 단위 목표나 사용자의 니즈를 나타냅니다.기능명세서
기능요구사항을 구체적으로 실현하기 위한 기능 단위입니다.기능명세서
상세기능각 기능 내의 세부 동작이나 정책을 정의합니다.기능명세서, 정보구조도
페이지 메뉴서비스의 탐색 단위이자 실제 페이지를 의미합니다.정보구조도
# 탭 매니패스트에서는 현재 PRD, 기능명세서, 정보구조도 세가지 형태를 제공합니다. 상단바에서 이 세가지 유형의 작업영역을 오갈 수 있는 탭을 제공하고 있습니다. PRD, 기능명세서, 정보구조도는 각각의 정의 외에도, 각 형태별 작업 영역을 지칭하는 대명사로 사용됩니다. # 뷰 * 정보에 대한 보기 방식을 지칭합니다. 동일한 정보를 여러가지 보기 방식으로 제공합니다. * 트리 뷰는 기능의 전체적인 위계를 확인할 수 있는 보기 방식을 지칭합니다. * 디렉토리 뷰는 기능별 포함관계를 디렉토리 형태로 확인할 수 있는 보기 방식을 지칭합니다. # 자주 묻는 질문 ### 1. AI에게 아이템 추가를 요청했는데, 결과물이 보이지 않습니다. AI 채팅으로 아이템 추가를 요청하고 '작업 완료' 메시지를 받았지만 결과물이 보이지 않는 경우, AI가 아이템 간 연결 관계를 정확히 파악하지 못해 누락된 아이템으로 분류된 것일 수 있습니다. 디렉토리 뷰 하단의 누락된 아이템 목록에서 확인 후 원하는 위치로 드래그 앤 드롭하여 이동하거나 삭제할 수 있습니다. ([누락된 아이템에 대한 가이드](/plan/features/directory-view#id-3) 참고) 목록에서도 확인이 되지 않는 경우에는 새로고침하거나 재요청을 시도해주세요. ### 2. AI 사용 중 오류가 떠요. \[에러로 인해 채팅 이용이 불가한 경우] 1. 에디터를 한번 새로고침한 후에 채팅을 시도해주세요. 2. 새 채팅방을 열어 채팅을 시도해주세요. 3. 해결이 되지 않는 경우, [커뮤니티](https://forum.manyfast.io/) 또는 통해 문의를 부탁드리겠습니다. \[크레딧이 모두 소진되어 채팅 이용이 더이상 불가한 경우] 1. STARTER 플랜 이용중이신 경우, 다음날이 되면 크레딧이 재충전 됩니다. 2. PRO 플랜 이상을 이용중이신 경우, 다음 결제 주기가 되면 크레딧이 재충전 됩니다. 1. 플랜 업그레이드를 통해 바로 크레딧을 추가할 수 있습니다. ([플랜 결제](/start/plan#undefined) 가이드 참고) ### 3. 테마/언어는 어떻게 변경하나요? 왼쪽 사이드바 하단 프로필 > 설정 아이콘 > 일반에서 변경할 수 있습니다. 언어는 한국어와 영어, 테마는 라이트, 다크, 시스템 모드 중 선택할 수 있습니다. 자세한 설명은 [프로필 및 테마 설정](/start/set-up-1) 가이드를 참고해주세요 ### 4. MCP 연결은 어떻게 하나요? 왼쪽 사이드바 '관리자' > 'MCP/API 키' 페이지에서 연결 방법을 확인하실 수 있습니다. 자세한 설명은 [MCP 연결하기](/use/mcp) 가이드를 참고해주세요. {% hint style="info" %} MCP 연결 기능은 PRO 플랜 이상에서만 지원합니다. {% endhint %} ### 5. 외부 개발 도구에서 매니패스트 데이터를 수정할 수 있나요? 현재는 읽기만 가능하며, 외부 도구를 통한 직접 수정은 지원하지 않습니다. 데이터 수정은 매니패스트 에디터에서 진행해주세요. ### 6. 플랜 취소는 어떻게 하나요? 왼쪽 사이드바 '플랜 및 결제' > 무료(STARTER) 플랜 선택 후 \[플랜 다운그레이드] 버튼을 눌러 구독 취소를 진행할 수 있습니다. 플랜 변경은 그룹 오너 권한을 가진 계정에서만 가능합니다. 자세한 설명은 [플랜 결제 및 변경](/start/plan#undefined-6) 가이드를 참고해주세요. # AI가 제대로 작동하지 않아요. AI채팅 이용시 발생하는 문제에 대해 설명해드립니다. ### AI에게 아이템 추가를 요청했는데, 결과물이 보이지 않습니다. AI 채팅창을 통해 아이템(요구사항, 기능, 상세 기능)을 작성하는 작업을 요청하여 '작업 완료' 메세지가 표시되었으나, 결과물이 보이지 않는 경우가 발생할 수 있습니다.\ 전체적인 생성을 요청한 경우에, AI가 정확한 연결점을 파악하지 못한 채 아이템을 생성하여 발생하는 문제입니다.\ \ 디렉토리 뷰에서 확인이 가능한 경우에는 각각의 아이템을 원하는 위치에 `Drag & Drop`하여 이동시키거나, 삭제할 수 있습니다. 확인이 되지 않는 경우에는, 재요청이 필요합니다. #### 아이템을 지정하여 작업을 지시하면, 더욱 정확한 결과물을 얻을 수 있습니다.

아이템을 선택하면, 채팅 입력창 상단에 선택한 아이템이 표시됩니다.

이와 같은 문제를 방지하기 위해서는 특정 아이템을 선택하여 요청을 보내주세요.\ AI가 생성시 해당 아이템을 참조하여 더 정확하게 작업할 수 있습니다. ### 채팅창을 사용할 수가 없어요.

에러가 발생하거나, 크레딧이 모두 소진된 경우 채팅창이 비활성화 됩니다.

크레딧이 모두 소진되거나, IA 작동중 에러가 발생한 경우 이와 같이 표시됩니다. 크레딧이 모두 소진되어 채팅 이용이 더이상 불가한 경우 1. START 플랜 이용중이신 경우, 다음날이 되면 크레딧이 재충전 됩니다. 2. PRO 플랜 이상을 이용중이신 경우, 다음달이 되면 크레딧이 재충전 됩니다. 1. 플랜 업그레이드 또는 크레딧 추가구매를 통해 바로 크레딧을 추가할 수 있습니다. (\*크레딧 추가 구매 기능은 업데이트 예정입니다.) 크레딧이 있으나, 에러로 인해 채팅 이용이 불가한 경우 1. 에디터를 한번 새로고침한 후에 채팅을 시도해주세요. 2. 새 채팅방을 열어 채팅을 시도해주세요. 3. 해결이 되지 않는 경우, 커뮤니티 또는 문의하기 기능을 통해 문의를 부탁드리겠습니다.