인터페이스 둘러보기
View 모드 인터페이스
📌 자세한 활용 방법은 뒤에서 다루도록 하겠습니다 🙂
1. 툴바
- 디자인 파일 내에서 사용할 수 있는 도구들의 모음입니다.
- (뒤에서 자세히 알아볼) Editer와 현재 Viewer의 가장 큰 차이는 하단 툴바의 구성입니다.
| 툴 이름 | 기능 | 단축키 | |
|---|---|---|---|
| 1 | Move Tool | 객체를 선택하거나 이동합니다. | V |
| 2 | Hand Tool | (캔버스 내의) 화면을 자유롭게 이동할 수 있습니다. | H 스페이스바 |
| 3 | Add Comment | 디자인 파일 내에 피드백을 남길 수 있습니다. | C |
| 4 | Ask to edit | 디자인 파일 owner에게 Edit 권한을 요청할 수 있습니다. | - |
| 5 | 개발자 모드 토글 | 개발자 모드로 전환할 수 있습니다. | Shift + D |
2. 레이어 패널
현재 디자인 파일 내에 있는 디자인 요소를 목록으로 확인할 수 있는 패널입니다.
- Pages list: 피그마에서는 한 디자인 파일 안에 여러 개의 화면을 구성하여 구분할 수 있도록 하는 ‘페이지’ 기능을 제공합니다. 각각의 페이지는 별도의 URL을 가지고 있습니다.
- Layer list: 캔버스 내에 있는 디자인 요소를 레이어 목록으로 확인할 수 있습니다.
3. 캔버스
디자이너의 디자인 결과물을 확인할 수 있는 메인 공간입니다. 툴바의 도구를 활용하여 디자인 요소 선택, 요소 사이의 간격(px) 확인, Comment 남기기 등이 가능합니다.
4. 프로퍼티 패널
- Multiplayer tools: 현재 디자인 파일에 접속한 팀원 리스트를 확인할 수 있습니다.
- Present: 프로토타입을 실행해 볼 수 있습니다.
- Share: 디자인 파일 공유를 위한 링크를 복사할 수 있습니다.
- Comment: 팀원이 남긴 Comment 내역을 확인할 수 있습니다.
- Properties: 선택한 디자인 요소의 세부 속성을 확인하고, 요소를 에셋으로 추출(Export)할 수 있습니다.
- Zoom/view option: 다양한 캔버스 뷰 옵션을 설정할 수 있습니다.
마지막 수정