개발 모드 포커스 뷰
이 문서는 이전 Figma UI와 새로운 Figma UI에서 모두 확인할 수 있습니다. 페이지 왼쪽 하단의 토글을 사용하여 현재 UI를 선택하세요. UI3 알아보기: Figma의 새 디자인 →
시작하기 전에
이 기능을 사용할 수 있는 사용자
오거니제이션 및 엔터프라이즈 요금제에서 사용할 수 있습니다.
풀 시트, 개발 시트 또는 뷰어 시트를 가진 사용자는 개발 준비 완료 뷰에 액세스할 수 있습니다.
풀 시트 또는 개발 시트를 가진 사용자는 상태를 변경할 수 있습니다.
풀 시트 또는 개발 시트를 가진 사용자는 포커스 뷰에 액세스할 수 있습니다.
개발 모드의 개발 준비 완료 뷰를 사용하여 개발 준비가 완료된 섹션, 프레임 및 구성 요소를 살펴볼 때 특정 디자인을 더욱 면밀히 검사하고 싶을 때가 많습니다. 개발 준비가 완료된 디자인에 대한 세부 정보를 얻으려면 개발 모드 포커스 뷰를 사용하세요. 포커스 뷰를 사용하면 다음과 같은 이점을 얻을 수 있습니다.
- 개발 모드 툴바에서 일반적으로 사용할 수 있는 것과 동일한 모든 도구
- 개발 모드의 전체 환경에서 액세스할 수 있는 것과 동일한 검사 및 플러그인 탭
- 현재 보고 있는 디자인에 대한 설명이 포함되어 있으며 여러 버전을 비교하고 시간에 따른 변경 사항을 확인하는 데 사용할 수 있는 버전 내역
- 개발 준비 완료된 특정 디자인의 레이어를 쉽게 확장하고 살펴볼 수 있는 방법
- 특정 디자인에 대한 작업을 완료로 표시할 수 있는 기능
포커스 뷰에 액세스하려면 다음 안내를 따르세요.
- Figma 디자인 파일을 엽니다.
- 왼쪽 사이드바에서 개발 준비 완료를 클릭합니다. 개발 준비 완료 뷰가 열리고 개발 상태로 표시된 모든 디자인 목록이 표시됩니다.
- 집중하고 싶은 디자인을 클릭합니다.
또는:
- Figma 디자인 파일을 엽니다.
- 캔버스에서 집중하고 싶은 디자인의 개발 상태를 클릭하고 포커스 뷰에 표시를 선택합니다.
- 원하는 경우 포커스 뷰로 링크 복사를 클릭하여 다른 사람과 공유할 수 있는 포커싱된 디자인에 대한 링크를 가져옵니다.
포커스 뷰가 열리고 다음이 표시됩니다.
- 검사하려는 디자인이 포커스 뷰의 중앙에 나타납니다. 개발 모드 도구를 사용하여 디자인에서 측정, 주석 달기 및 댓글 달기와 같은 작업을 수행할 수 있습니다.
- 검사 및 플러그인 탭에서는 코드 생성, 디자인 속성 보기, 다양한 항목 내보내기 또는 다운로드, 개발 모드용 플러그인 실행 등의 작업을 수행할 수 있습니다.
- 완료로 표시 버튼은 디자인에 대한 개발 작업이 완료되었음을 확인하는 데 사용합니다.
탐색
Figma는 포커스 뷰에서 개발 모드의 다른 영역으로 이동할 수 있는 몇 가지 방법을 제공합니다.
개발 준비 완료 뷰로 이동하려면 포커스 뷰의 왼쪽 상단에서 개발 준비 완료를 클릭합니다.
캔버스의 컨텍스트에서 디자인을 보려면 포커스 뷰의 오른쪽 상단에서 을 클릭한 다음 페이지에 표시를 선택합니다.
포커스 뷰로 들어가기 전에 사용하던 Figma 인터페이스 영역으로 돌아가려면 포커스 뷰의 오른쪽 상단에서 을 클릭합니다. 캔버스에서 포커스 뷰로 들어간 경우 캔버스에서 있던 위치로 돌아갑니다. 개발 준비 완료 뷰 또는 링크를 사용하여 들어간 경우 개발 준비 완료 뷰로 돌아갑니다.
레이어 살펴보기
포커스 뷰는 특정 디자인의 개별 레이어를 쉽게 살펴볼 수 있는 방법을 제공합니다. 포커스 뷰의 레이어 패널은 디자인에서 하나 이상의 부분을 선택하면 나타납니다.
검사 및 플러그인 패널
검사 및 플러그인 패널은 일반 개발 모드 환경과 동일하며, 다만 현재 보고 있는 디자인으로 범위가 제한됩니다. 패널 사용 방법을 알아보려면 개발 모드 가이드 →를 참조하세요.
버전 내역
파일에 사용할 수 있는 버전 내역과 마찬가지로 포커스 뷰에는 디자인에 적용된 작업의 내역을 추적하는 주석이 달린 버전 내역이 포함되어 있습니다.
일반적으로 파일 전체 버전 내역에는 파일의 모든 버전이 표시되기 때문에 활동이 많을 수 있습니다. 하지만 검토하고 구현 중인 특정 프레임이나 섹션에서 변경된 내용에 집중해야 하는 경우도 많습니다. 포커스 뷰의 버전 내역은 버전을 표시하며 파일 전체 내역과 동일하게 작동하지만 포커스 뷰에 열려 있는 특정 디자인에 영향을 미치는 버전으로만 범위가 한정됩니다.
디자이너와 개발자는 디자인을 반복하면서 상태를 업데이트하고 변경 사항을 설명하는 메모를 추가합니다. 상태가 업데이트될 때마다 버전 내역에 항목이 추가됩니다. 여러 버전을 비교하여 각 반복 사이의 변경 사항을 확인할 수도 있습니다.
이전 버전을 검사하거나 해당 특정 버전에 대한 링크를 복사하거나 파일의 현재 최신 버전과 비교할 수 있습니다. 개발 모드에서 비교하는 방법에 대해 자세히 알아보기 →
완료로 표시
디자인에 대한 개발 작업이 완료되었음을 표시하려면 포커스 뷰 상단의 완료로 표시 버튼을 사용합니다.
디자인이 완료로 표시되면 버전 내역에 새 항목이 추가되고 디자인은 이후 반복 작업을 위해 개발 준비 완료 뷰에서 계속 사용할 수 있습니다.
시작하기 전에
이 기능을 사용할 수 있는 사용자
오거니제이션 및 엔터프라이즈 요금제에서 사용할 수 있습니다.
풀 시트, 개발 시트 또는 뷰어 시트를 가진 사용자는 개발 준비 완료 뷰에 액세스할 수 있습니다.
풀 시트 또는 개발 시트를 가진 사용자는 상태를 변경할 수 있습니다.
풀 시트 또는 개발 시트를 가진 사용자는 포커스 뷰에 액세스할 수 있습니다.
개발 모드의 개발 준비 완료 뷰를 사용하여 개발 준비가 완료된 섹션, 프레임 및 구성 요소를 살펴볼 때 특정 디자인을 더욱 면밀히 검사하고 싶을 때가 많습니다. 개발 준비가 완료된 디자인에 대한 세부 정보를 얻으려면 개발 모드 포커스 뷰를 사용하세요. 포커스 뷰를 사용하면 다음과 같은 이점을 얻을 수 있습니다.
- 개발 모드 툴바에서 일반적으로 사용할 수 있는 것과 동일한 모든 도구
- 개발 모드의 전체 환경에서 액세스할 수 있는 것과 동일한 검사 및 플러그인 탭
- 현재 보고 있는 디자인에 대한 설명이 포함되어 있으며 여러 버전을 비교하고 시간에 따른 변경 사항을 확인하는 데 사용할 수 있는 버전 내역
- 개발 준비 완료된 특정 디자인의 레이어를 쉽게 확장하고 살펴볼 수 있는 방법
- 특정 디자인에 대한 작업을 완료로 표시할 수 있는 기능
포커스 뷰에 액세스하려면 다음 안내를 따르세요.
-
Figma 디자인 파일을 엽니다.
-
왼쪽 사이드바에서 개발 준비 완료를 클릭합니다.
개발 준비 완료 뷰가 열리고 개발 상태로 표시된 모든 디자인 목록이 표시됩니다.
-
집중하고 싶은 디자인을 클릭합니다.
또는:
-
Figma 디자인 파일을 엽니다.
-
캔버스에서 집중하고 싶은 디자인의 개발 상태를 클릭하고 포커스 뷰에 표시를 선택합니다.
-
원하는 경우 포커스 뷰로 링크 복사를 클릭하여 다른 사람과 공유할 수 있는 포커싱된 디자인에 대한 링크를 가져옵니다.
포커스 뷰가 열리고 다음이 표시됩니다.
- 검사하려는 디자인이 포커스 뷰의 중앙에 나타납니다. 개발 모드 도구를 사용하여 디자인에서 측정, 주석 달기 및 댓글 달기와 같은 작업을 수행할 수 있습니다.
- 검사 및 플러그인 탭에서는 코드 생성, 디자인 속성 보기, 다양한 항목 내보내기 또는 다운로드, 개발 모드용 플러그인 실행 등의 작업을 수행할 수 있습니다.
- 완료로 표시 버튼은 디자인에 대한 개발 작업이 완료되었음을 확인하는 데 사용합니다.
탐색
Figma는 포커스 뷰에서 개발 모드의 다른 영역으로 이동할 수 있는 몇 가지 방법을 제공합니다.
개발 준비 완료 뷰로 이동하려면 포커스 뷰의 왼쪽 상단에서 개발 준비 완료를 클릭합니다.
캔버스의 컨텍스트에서 디자인을 보려면 포커스 뷰의 오른쪽 상단에서 을 클릭한 다음 페이지에 표시를 선택합니다.
포커스 뷰로 들어가기 전에 사용하던 Figma 인터페이스 영역으로 돌아가려면 포커스 뷰의 오른쪽 상단에서 을 클릭합니다. 캔버스에서 포커스 뷰로 들어간 경우 캔버스에서 있던 위치로 돌아갑니다. 개발 준비 완료 뷰 또는 링크를 사용하여 들어간 경우 개발 준비 완료 뷰로 돌아갑니다.
레이어 살펴보기
포커스 뷰는 특정 디자인의 개별 레이어를 쉽게 살펴볼 수 있는 방법을 제공합니다. 포커스 뷰의 레이어 패널은 디자인에서 하나 이상의 부분을 선택하면 나타납니다.
검사 및 플러그인 패널
검사 및 플러그인 패널은 일반 개발 모드 환경과 동일하며, 다만 현재 보고 있는 디자인으로 범위가 제한됩니다. 패널 사용 방법을 알아보려면 개발 모드 가이드 →를 참조하세요.
버전 내역
파일에 사용할 수 있는 버전 내역과 마찬가지로 포커스 뷰에는 디자인에 적용된 작업의 내역을 추적하는 주석이 달린 버전 내역이 포함되어 있습니다.
일반적으로 파일 전체 버전 내역에는 파일의 모든 버전이 표시되기 때문에 활동이 많을 수 있습니다. 하지만 검토하고 구현 중인 특정 프레임이나 섹션에서 변경된 내용에 집중해야 하는 경우도 많습니다. 포커스 뷰의 버전 내역은 버전을 표시하며 파일 전체 내역과 동일하게 작동하지만 포커스 뷰에 열려 있는 특정 디자인에 영향을 미치는 버전으로만 범위가 한정됩니다.
디자이너와 개발자는 디자인을 반복하면서 상태를 업데이트하고 변경 사항을 설명하는 메모를 추가합니다. 상태가 업데이트될 때마다 버전 내역에 항목이 추가됩니다. 여러 버전을 비교하여 각 반복 사이의 변경 사항을 확인할 수도 있습니다.
이전 버전을 검사하거나 해당 특정 버전에 대한 링크를 복사하거나 파일의 현재 최신 버전과 비교할 수 있습니다. 개발 모드에서 비교하는 방법에 대해 자세히 알아보기 →
완료로 표시
디자인에 대한 개발 작업이 완료되었음을 표시하려면 포커스 뷰 상단의 완료로 표시 버튼을 사용합니다.
디자인이 완료로 표시되면 버전 내역에 새 항목이 추가되고 디자인은 이후 반복 작업을 위해 개발 준비 완료 뷰에서 계속 사용할 수 있습니다.