[Figma] 안내선

디자인을 하다 보면 콘텐츠가 좌우로 흔들리거나,
텍스트와 이미지 사이 간격이 들쭉날쭉해지면서 전체 레이아웃이 어색해지는 경우가 많습니다.
이럴 때 가장 간단하면서도 효과적인 기능이 **안내선(Guide)**입니다.

1. 안내선이란?

안내선은 캔버스 위에 세로 또는 가로로 표시되는 **보조선(가이드라인)**입니다.
요소를 정확한 위치에 배치하거나, 일정한 여백을 유지할 때 큰 도움을 줍니다.

 

Figma에서는 이 안내선을 Shift + R 키로 쉽게 불러올 수 있습니다.

콘텐츠 영역의 왼쪽과 오른쪽에 얇은 주황색 안내선이 표시되어 있습니다.

이 안내선을 기준으로:

• 제목(“위대한 쇼”)
• 작성자 정보
• 이미지
• 본문 텍스트

가 일정한 좌우 여백을 맞추면서 정렬되고 있습니다.

즉, 페이지 구조 전체를 "보이지 않는 틀"로 묶어주는 역할을 하는 거죠.

 

2. Figma에서 안내선 만드는 방법

 

• Shift + R을 눌러 ‘눈금자(Ruler)’ 표시
• 눈금자에서 화면 안쪽으로 드래그하면 세로 또는 가로 안내선 생성
• 필요에 따라 위치 조정
• 다시 Shift + R을 누르면 눈금자만 사라지고 안내선은 남음
• Delete를 활용하여 삭제가능

 

 

정리하면

 

안내선은 아주 단순한 기능이지만,
UI 레이아웃의 완성도를 한 단계 끌어올려주는 필수 도구입니다.

 

특히 이미지에서처럼 블로그·카드뉴스·웹페이지 디자인을 할 때
텍스트·이미지·여백을 같은 기준선 위에서 정렬해주기 때문에
전체 페이지가 훨씬 안정적으로 보입니다.