개발 모드 개발 준비 완료 뷰
이 문서는 이전 Figma UI와 새로운 Figma UI에서 모두 확인할 수 있습니다. 페이지 왼쪽 하단의 토글을 사용하여 현재 UI를 선택하세요. UI3 알아보기: Figma의 새 디자인 →
시작하기 전에
이 기능을 사용할 수 있는 사용자
모든 유료 요금제에서 사용 가능합니다.
풀, 데브, 또는 뷰어 시트를 가진 사용자는 Ready for Dev 보기에 액세스할 수 있습니다.
풀 또는 데브 시트를 가진 사용자는 상태를 변경할 수 있습니다.
풀 또는 데브 시트를 가진 사용자는 포커스 보기에 액세스할 수 있습니다.
개발자 핸드오프 프로세스는 한 순간에 이루어지는 성격의 것이 아닙니다. 팀이 계속해서 아이디어를 다듬고 피드백을 적용하면서 디자인은 여러 번의 반복 주기를 거치게 됩니다.
이 프로세스의 중요한 순간 중 하나이자 자주 반복될 수 있는 순간은 개발 준비가 완료된 디자인을 검토해야 할 때입니다. 조직의 디자이너가 디자인 작업을 하면서 디자인 파일의 섹션, 프레임 및 구성요소를 개발 준비 완료로 표시합니다. 코드베이스에 디자인을 구현하기 전에 사용자와 개발자는 디자인을 확인해야 합니다.
혼선을 피하고 중요한 세부 정보가 손실되는 것을 방지하기 위해 개발자는 개발 모드에서 개발 상태로 표시된 특정 파일의 모든 디자인 목록을 표시하는 뷰에 액세스할 수 있습니다. 또한 개발 준비 완료 뷰는 디자인이 가장 최근에 업데이트된 시점을 강조 표시하므로 초기 핸드오프 이후 변경된 사항이 있는지를 파악할 수 있습니다.
개발 준비 완료 뷰
개발 모드의 개발 준비 완료 뷰에는 단일 위치에 개발 준비 완료로 표시된 모든 디자인이 표시됩니다. 이를 통해 개발자는 캔버스나 여러 페이지에서 탐색할 필요 없이 필요한 것을 빠르게 찾을 수 있습니다. 카운터에는 개발 준비 완료로 표시된 디자인 수가 표시됩니다.
개발 준비 완료 뷰에 액세스하려면 다음 안내를 따르세요.
- Figma Design 파일을 엽니다.
- 왼쪽 사이드바에서 개발 준비 완료를 클릭합니다.
참고: 개발 준비 완료 뷰는 하나 이상의 디자인에 개발 준비 완료 상태가 있는 파일에만 표시됩니다.
개발 준비 완료 뷰가 열리고 개발 상태로 표시된 모든 디자인 목록이 표시됩니다. 여기에서 다음 작업을 수행할 수 있습니다.
-
디자인 필터링: 옵션을 사용하여 다음 카테고리별로 필터링합니다.
- 전체
- 준비
- 완료
디스플레이를 다음 기준으로 정렬할 수도 있습니다.
- 최근 활동
- 페이지
- 이름(A-Z)
-
디자인에 집중: 개발 준비 완료 뷰에서 디자인을 클릭하여 포커스 뷰로 들어갑니다.
상태
개발 모드에서 개발 상태는 핸드오프 측면에서 디자인의 현재 상태를 나타냅니다. 상태에는 디자인에 대한 디자이너의 메모와 변경 사항이 포함될 수 있습니다. 개발 모드에서는 핸드오프를 관리하는 데 도움이 되는 몇 가지 상태를 제공합니다.
- 개발 준비 완료: 개발자가 검토하고 구현할 준비가 된 섹션, 프레임 및 구성 요소에 설정합니다.
- 완료됨: 디자인에 대한 개발 작업이 완료되었음을 나타냅니다(오거니제이션 및 엔터프라이즈에만 해당).
상태에 대한 자세한 내용은 Dev Mode 상태 및 알림을 참조하세요.
개발 준비 완료 뷰의 컨텍스트에서 상태는 나열된 각 디자인의 오른쪽 상단에 표시됩니다.
포커스 뷰
개발 모드의 포커스 뷰는 개발 준비가 완료된 특정 디자인을 분리합니다. 디자인에 초점을 맞추면 디자인의 레이어를 검사하고 디자인의 버전 내역을 볼 수 있을 뿐만 아니라 일반적인 모든 개발 모드 기능을 활용할 수 있습니다. 포커스 뷰에 대해 자세히 알아보기 →
시작하기 전에
이 기능을 사용할 수 있는 사용자
오거니제이션 및 엔터프라이즈 요금제에서 사용할 수 있습니다.
풀 시트, 개발 시트 또는 뷰어 시트를 가진 사용자는 개발 준비 완료 뷰에 액세스할 수 있습니다.
풀 시트 또는 개발 시트를 가진 사용자는 상태를 변경할 수 있습니다.
풀 시트 또는 개발 시트를 가진 사용자는 포커스 뷰에 액세스할 수 있습니다.
개발자 핸드오프 프로세스는 한 순간에 이루어지는 성격의 것이 아닙니다. 팀이 계속해서 아이디어를 다듬고 피드백을 적용하면서 디자인은 여러 번의 반복 주기를 거치게 됩니다.
이 프로세스의 중요한 순간 중 하나이자 자주 반복될 수 있는 순간은 개발 준비가 완료된 디자인을 검토해야 할 때입니다. 조직의 디자이너가 디자인 작업을 하면서 디자인 파일의 섹션, 프레임 및 구성요소를 개발 준비 완료로 표시합니다. 코드베이스에 디자인을 구현하기 전에 사용자와 개발자는 디자인을 확인해야 합니다.
혼선을 피하고 중요한 세부 정보가 손실되는 것을 방지하기 위해 개발자는 개발 모드에서 개발 상태로 표시된 특정 파일의 모든 디자인 목록을 표시하는 뷰에 액세스할 수 있습니다. 또한 개발 준비 완료 뷰는 디자인이 가장 최근에 업데이트된 시점을 강조 표시하므로 초기 핸드오프 이후 변경된 사항이 있는지를 파악할 수 있습니다.
참고: 이 동영상에서는 개발 모드에서 Figma의 새롭게 디자인된 인터페이스를 사용하는 협업 및 핸드오프에 대해 설명합니다. 이전 인터페이스 예시는 이 문서의 이미지를 참조하세요.
개발 준비 완료 뷰
개발 모드의 개발 준비 완료 뷰에는 단일 위치에 개발 준비 완료로 표시된 모든 디자인이 표시됩니다. 이를 통해 개발자는 캔버스나 여러 페이지에서 탐색할 필요 없이 필요한 것을 빠르게 찾을 수 있습니다. 카운터에는 개발 준비 완료로 표시된 디자인 수가 표시됩니다.
개발 준비 완료 뷰에 액세스하려면 다음 안내를 따르세요.
- Figma Design 파일을 엽니다.
- 왼쪽 사이드바에서 개발 준비 완료를 클릭합니다.
참고: 개발 준비 완료 뷰는 하나 이상의 디자인에 개발 준비 완료 상태가 있는 파일에만 표시됩니다.
개발 준비 완료 뷰가 열리고 개발 상태로 표시된 모든 디자인 목록이 표시됩니다. 여기에서 다음 작업을 수행할 수 있습니다.
-
디자인 필터링: 옵션을 사용하여 다음 카테고리별로 필터링합니다.
- 전체
- 준비
- 완료
디스플레이를 다음 기준으로 정렬할 수도 있습니다.
- 최근 활동
- 페이지
- 이름(A-Z)
-
디자인에 집중: 개발 준비 완료 뷰에서 디자인을 클릭하여 포커스 뷰로 들어갑니다.
상태
개발 모드에서 개발 상태는 핸드오프 측면에서 디자인의 현재 상태를 나타냅니다. 상태에는 디자인에 대한 디자이너의 메모와 변경 사항이 포함될 수 있습니다. 개발 모드에서는 핸드오프를 관리하는 데 도움이 되는 몇 가지 상태를 제공합니다.
- 개발 준비 완료: 개발자가 검토하고 구현할 준비가 된 섹션, 프레임 및 구성 요소에 설정합니다.
- 완료됨: 디자인에 대한 개발 작업이 완료되었음을 나타냅니다(오거니제이션 및 엔터프라이즈에만 해당).
상태에 대한 자세한 내용은 Dev Mode 상태 및 알림을 참조하세요.
개발 준비 완료 뷰의 컨텍스트에서 상태는 나열된 각 디자인의 오른쪽 상단에 표시됩니다.
포커스 뷰
개발 모드의 포커스 뷰는 개발 준비가 완료된 특정 디자인을 분리합니다. 디자인에 초점을 맞추면 디자인의 레이어를 검사하고 디자인의 버전 내역을 볼 수 있을 뿐만 아니라 일반적인 모든 개발 모드 기능을 활용할 수 있습니다. 포커스 뷰에 대해 자세히 알아보기 →