Dev Mode 상태 및 알림
시작하기 전에
이 기능을 사용할 수 있는 사용자
알림 및 개발 준비 완료 상태는 모든 유료 요금제에서 사용할 수 있습니다.
완료 상태는 오거니제이션 및 엔터프라이즈 요금제에서 사용할 수 있습니다.
Dev Mode의 상태 및 알림은 개발자 핸드오프를 관리하는 데 도움이 됩니다. 상태는 섹션, 프레임 또는 컴포넌트가 개발 준비가 완료된 시점을 추적하는 데 사용됩니다. 알림은 상태 변경에 기반하여 개발자가 디자인 상태에 대응할 수 있도록 합니다.
상태
Dev Mode 상태는 핸드오프를 위한 현재 디자인 단계를 보여줍니다. 디자이너는 업데이트 또는 변경 사항에 대한 메모를 상태에 추가할 수 있습니다.
Dev Mode에서 핸드오프를 관리하는 데 사용할 수 있는 두 가지 상태가 있습니다.
- 개발 준비 완료: 개발자가 검토하고 구현할 준비가 된 섹션, 프레임, 컴포넌트를 나타냅니다.
- 완료(오거니제이션 및 엔터프라이즈 요금제): 디자인에 대한 개발 작업이 완료되었음을 나타냅니다.
개발 준비 완료 상태와 완료 상태에는 모두 변경 상태가 있습니다. 변경 상태는 개발 준비 완료 또는 완료로 표시된 디자인이 수정될 때 설정됩니다. 수동으로는 설정할 수 없습니다.
디자이너가 이전에 개발 준비 완료 또는 완료로 표시된 디자인을 업데이트하는 경우, 변경된 디자인의 상태를 업데이트하는 단계에 따라 변경 상태를 지워야 합니다.
개발자는 변경된 디자인을 발견하면 변경 사항을 비교하여 상태가 변경된 이유와 이전 버전과의 차이점을 확인할 수 있습니다. 개발자는 또한 디자이너에게 연락하여 변경된 디자인의 상태를 업데이트해야 합니다.
다음과 같은 경우에는 디자인이 변경된 것으로 표시되지 않습니다.
- 공유 라이브러리에서 컴포넌트 인스턴스가 업데이트되는 경우
- 디자인에서 이미 레이어에 연결된 변수(로컬 또는 공유)의 값이 변경된 경우
- 디자인에서 이미 레이어에 첨부된 스타일(로컬 또는 공유)의 값이 변경된 경우
- 자동 레이아웃을 사용하는 디자인 위로 개체를 마우스오버하는 경우와 같이 변경이 일시적인 경우
상태(변경된 상태 업데이트를 포함)는 디자인을 편집하는 동안 또는 Dev Mode에서 설정할 수 있습니다. 또한 Dev Mode에서 Ready for Dev 보기 및 포커스 보기에 대한 상태를 변경하고 업데이트할 수도 있습니다.
디자인을 개발 준비 완료로 표시
디자인을 개발 준비 완료로 표시하려면 다음 안내를 따르세요.
- Figma Design이나 Dev Mode에서 섹션, 프레임 또는 컴포넌트를 선택합니다.
- 섹션과 프레임의 경우, 레이블 옆에 있는 Mark as ready for dev(개발 준비 완료로 표시)를 클릭합니다. 컴포넌트의 경우 버튼은 오른쪽 상단 모서리 위에 있습니다. 이전에 Dev Mode에서 파일을 연 모든 사용자에게는 디자인이 개발 준비 완료로 표시되었다는 알림이 전송됩니다.
개발 준비 완료 상태 제거
개발 준비 완료 상태를 제거하려면 다음 안내를 따르세요.
- 상태를 지우려는 섹션, 프레임 또는 컴포넌트의 경우 Ready for dev(개발 준비 완료)를 클릭합니다.
- 드롭다운 메뉴에서 Remove status(상태 제거)를 클릭합니다.
디자인을 완료로 표시(오거니제이션 및 엔터프라이즈 요금제)
디자인을 완료로 표시하려면:
- 완료로 표시하려는 섹션, 프레임 또는 컴포넌트의 경우 Ready for dev(개발 준비 완료)를 클릭합니다.
- 드롭다운 메뉴에서 Mark as completed(완료로 표시)를 클릭합니다. 이전에 파일을 열었던 모든 사용자에게 디자인이 완료되었다는 알림이 전송됩니다.
변경된 디자인에 대한 상태 업데이트(오거니제이션 및 엔터프라이즈 요금제)
변경된 디자인의 상태를 업데이트하려면 다음 안내를 따르세요.
- 업데이트된 섹션, 프레임 또는 컴포넌트의 경우 Ready for dev(개발 준비 완료)를 클릭합니다.
- 원하는 경우 표시되는 텍스트 상자에 변경 사유를 입력합니다. 해당 사유는 변경으로 인해 트리거되는 디자인 및 알림의 버전 기록에 포함됩니다.
- Done with changes(변경 사항 적용 완료)를 클릭합니다. 상태가 Ready for dev(개발 준비 완료)로 설정됩니다. 이전에 파일을 열었던 모든 사용자에게 디자인이 업데이트되었다는 알림이 전송됩니다. 변경 사유를 작성한 경우 해당 사유가 알림에 포함됩니다.
알림
Dev Mode 알림은 파일 상태가 변경될 때 알려줍니다. Figma는 기본적으로 이메일, 데스크톱 및 모바일 푸시 알림을 지원합니다. 다음 사항도 설정할 수 있습니다.
- Figma용 Slack 통합을 통한 Slack 알림
- Microsoft Teams용 Figma 앱을 통한 Teams 알림
Dev Mode에서 파일을 봤으며 풀 시트 또는 개발 시트가 있는 경우, 디자인이 처음 개발 준비 완료로 표시되면 알림을 받게 됩니다.
오거니제이션 또는 엔터프라이즈 요금제가 있는 경우 추가 알림이 트리거됩니다.
- 이전에 개발 준비 완료 또는 완료였던 디자인의 경우, 디자인 변경 후 상태가 업데이트될 때
- 디자인이 완료로 표시될 때
한 시간 이내에 여러 디자인이 상태를 변경하는 경우 알림이 유형별로 그룹화됩니다. 예를 들어, 여러 개발 준비 완료 업데이트가 단일 알림으로 통합됩니다.
Dev Mode 알림에는 관련 디자인에 대한 링크가 포함됩니다.
- Dev Mode에서 검사 링크는 해당 Figma 파일의 Ready for Dev 보기로 이동합니다.
- 디자인을 위한 개별 카드는 해당 디자인을 포커스 보기에서 엽니다.
Dev Mode 알림 관리
파일에 대한 개발 모드 알림 설정을 수정하려면 다음 안내를 따르세요.
- Figma Design 파일을 엽니다.
- 개발 모드 토글을 클릭하거나 키보드 바로가기 ShiftD를 사용합니다.
- Comment(댓글)을 클릭하거나 C를 눌러 댓글 모드로 들어갑니다.
- 오른쪽 사이드바 상단에서 Settings(설정)를 클릭합니다.
- 드롭다운에서 다음 중 하나를 선택합니다.
- Status changes(상태 변경): 이 설정은 파일의 디자인이 개발 준비 완료로 표시될 때마다 알려줍니다.
- 없음: 개발 모드 알림이 전송되지 않습니다.
개발 모드 알림 설정은 개발 모드 인터페이스에서 변경할 수 있고 디자인에 초점을 맞출 때 변경할 수 있습니다.