1. 팀 워크스페이스 생성

1. 좌측 사용자 프로필의 하단부에 위치한 팀 워크스페이스 생성 버튼 클릭

   

2. 피그마 초대 URL 필수 입력 후 확인 버튼 클릭

   

   • 피그마 초대 URL 복사 방법 가이드를 따라 URL 입력

3. 팀 정보 필수 입력

   • 이미지 주소, 이름, 설명, 기간, 멤버, 사용 주소 ⇒ 필수값

4. 피그마에서 사용할 화면 선택 후 완료 버튼

5. 홈 화면의 좌측 프로필 하단부에서 생성된 워크스페이스 확인 가능

   

2. 워크스페이스 홈 화면

1. 프로젝트의 기본 정보 확인 가능
   1. 스택 버리고 다시 캡쳐해
   • 이름, 설명, 기간, 팀 멤버, API 목록과 작업 상태
2. Enter 버튼을 통해 명세ㆍ테스트 화면으로 이동
   • 엔터버튼 보여주자
3. 명세ㆍ테스트 화면 상단바
   1. 이것도 캡쳐뜨고 1 2 3 4 네온으로 표시하고 아래에다가 설명
   • 접속 중인 팀원 확인
   • 라이트ㆍ다크모드 ON/OFF
   • API 명세 작성ㆍ화면-API 연결ㆍ명세 확인ㆍAPI 요청ㆍUsecase 테스트ㆍ성능테스트
   • 워크스페이스 설정 정보 확인/수정
   • 명세ㆍ테스트 화면 나가기
4. 명세ㆍ테스트 화면 사이드탭
   • 캡쳐 뜨고 네온
   • API : API 명세 작성 화면
   • DTO : DTO 명세 작성 화면

3. API 명세 작성

1. 팀 워크스페이스 생성단계에서 선택한 Figma화면을 보며 API 명세 가능

   

2. 본인 외 접속중인 다른 팀원들의 마우스 확인 가능

   • 마우스 여러개 있는 화면 확대 캡쳐

3. API 명세 화면의 우측 상단 Add API 버튼을 통해 API 추가