[피그마] 왼쪽 패널 설명

피그마 왼쪽 패널에 대한 설명

 

레이어 패널 (Layers)

피그마의 왼쪽 패널은 상단의 페이지와 하단의 레이어로 구성되어 있다.

 

페이지는 디자인 파일의 하위 작업 공간으로서 각각 독립된 캔버스를 가지고 있다.

무료 버전에서는 최대 3개까지 페이지를 생성할 수 있다. (유료 버전에서는 제한 없이 생성이 가능하다.)

플랜에 상관없이 Draft에서는 제한 없이 생성이 가능하다.

 

피그마에서는 오브젝트 단위로 레이어가 생성이 된다.

레이어는 레이어 별로 잠금을 할 수도 있고 숨길 수도 있다.

해당 기능의 단축키는 아래와 같다.

또한 잠근 모든 레이어를 한번에 열고 싶을 때는 퀵액션(Ctrl + /)를 연 후 'Unlock all object'를 치면 된다.

숨긴 모든 레이어를 한번에 열고 싶을 때는 퀵액션(Ctrl + /)를 연 후 'Unhide all object'를 치면 된다.

레이어 안에서 이동을 할 때는 다음과 같은 단축키를 활용하면 된다.

 

에셋 패널 (Assets)

에셋 패널은 컴포넌트들을 모아서 볼 수 있는 패널을 의미합니다.

단축키 Alt + 1 (레이어 패널), Alt + 2 (에셋 패널)로 패널을 쉽게 이동할 수 있습니다.

에셋 패널에는 파일에 사용된 모든 컴포넌트들이 등록되어 있습니다.

단축키 Shift + i를 누르면 컴포넌트 검색창이 뜨는데 원하는 컴포넌트를 검색해서 작업 공간에 삽입할 수 있다. 

검색 결과에서 드래그해서 바로 삽입이 가능하다.

Ctrl + Alt를 동시에 누른 후 교체를 원하는 오브젝트에 바로 삽입하면 곧바로 교체도 된다.