[피그마2025강의] 3강 피그마 가이드(Guide)

 

 

 

 

 

 

 

** 영상으로 보고 싶은 분은 아래 주소를 클릭해 주세요. 

https://youtu.be/0sXTWvFDFP4

- 영상의 7분 50초부터 보면 가이드에 대한 설명을 영상으로 보실 수 있습니다. 

 

 

 

 

 

 

1. 가이드란?

---

- 가이드(Guide)는 오브젝트를 더 섬세하게 작업할 수 있도록 도와주는 안내선입니다.

- 이건 포토샵, 일러스트레이터, 프리미어 등 디자인 관련 프로그램은 모두 갖고 있는 기능입니다. 

- 보통 눈금자에서 꺼내서 사용합니다. 

- 위 그림의 자같이 생긴 수치 부분에서 꾹 눌러 드래그하면 가이드를 생성할 수 있습니다. 

- 자같이 생긴 수치 부분을 눈금자라고 부릅니다. 단축키 : [Shift]+[R]

- 보통 나와 있지 않기 때문에 단축키를 눌러 눈금자를 꺼내줘야 합니다. 

 

 

 

 

 

 

 

 

 

 

반응형

 

 

 

 

 

 

 

 

2. 가이드 생성 

---

- 가이드(Guide)는 눈금자에서 꾹 눌러서 당기면 됩니다. 

 

 

1) 프레임에 맞춰 가이드 생성

- 위에 보이는 것처럼 가로, 세로 모두 가이드를 끌어 올 수 있습니다. 

- 포토샵의 new guide처럼 정확한 수치에 맞춰주는 기능은 없기 때문에 잘 끌어서 수치를 맞춰야 합니다. 

- 하지만 추후에 오토레이아웃을 배우면 실제 가이드를 사용할 일이 많이 없습니다. 제가 작업해 본 결과로는 그렇더라고요.

 

 

---

 

 

 

 

2) 요소에 맞춰 가이드 생성

- 예시로는 사각형을 그렸습니다. 어떤 요소든 상관없습니다.

- 사각형을 선택한 후 눈금자에서 가이드를 내리면 사각형 부분에 맞게 수치가 나옵니다. 

 

 

 

 

 

 

---

 

 

 

 

 

 

3. 가이드 제거 

---

- 가이드(Guide) 제거는(Guide)제거는 가이드에서 마우스 오른쪽 누르면 Remove Guide가 나오므로 눌러서 삭제하면 됩니다. 

 

- 아니면 가이드를 다시 눈금자로 끌어가는 방법도 있습니다.