[Section 02] 인터페이스 살펴보기

🔮 캔버스와 페이지

캔버스 > 페이지(캔버스 안에 있는 요소)

🔮 왼쪽 패널

• Layers: 만들어 놓은 Frame과 컴포넌트들을 보는 공간
• Assets: 사용했던 컴포넌트를 저장해놓는 용도

🔮 상단 패널

• move(V): 컴포넌트 크기 조절 가능. 글씨 크기는 키울 수 없다.
• scale(K): 스케일에 맞게 컴포넌트 크기를 조절한다. 글씨 크기도 키울 수 있다.
• Frame(F): 프레임을 만든다. 오른쪽 패널을 통해서 프레임 크기 조절이 가능하다.
• Slice(S): 일정 영역을 지정해서 이미지로 배포할 수 있다.
• 도형
• Pen(P): 직선으로 그릴 수 있다.
• Pencil(Shift + P): 자유자재로 그릴 수 있다.
• comment: 협업 시 코멘트를 남길 수 있다.

🔮 선택 요소에 따라 메뉴가 바뀌는 상단 Contextual Tool

파일 경로와 파일 이름이 나와있는 부분을 말한다. 이 부분이 어떤 것을 선택하냐에 따라서 선택할 수 있는 것이 변경된다.

• Frame 선택: 파일 경로와 파일 이름이 나오고 꺽쇠 표시를 누르면 다양한 선택지가 나온다.
• 도형 선택: 편집하기(도형 형태 수정 -> Done), 컴포넌트로 만들기, 마스크로 쓰기
• 텍스트 선택: 텍스트 수정하기, 컴포넌트로 만들기, 마스크 쓰기, 텍스트에 링크 걸기
• 이미지 선택: 마지막 버튼은 이미지 자르기
• 복합 요소 선택: 컴포넌트 안의 요소를 초기화, 불리언 연산(도형을 합친다.)

🔮 상단 오른쪽 - 공유하기 살펴보기

단축키 살펴보기: ctrl + shift + ?