Figma에서의 "Space Between" 사용법

Figma에서 "Space Between"은 주로 자동 레이아웃 기능을 통해 사용됩니다. 이 기능은 여러 자식 요소들 사이에 공간을 자동으로 균일하게 배분하여 디자인의 일관성과 정돈된 레이아웃을 만드는 데 도움을 줍니다.

 

즉 Space Between은 여러 자손 요소들이 첫번째 요소와 마지막 요소가 양쪽 끝에 붙고 나머지 요소는 균등배분하는 기능입니다.

 

 

 

Space Between에 대해서 간단하게 공부하는 이유는 개발자와 대화를 할 때 필요하기 때문입니다. 최근에는 디자인을 구현하는 사람이 직접 화면을 만드는 경우도 있습니다. Space Between을 사용하면 컨테이너 내에서 아이템들 사이의 공간을 균등하게 만들 수 있습니다. 1번과 2번, 2번과 3번 사이의 간격은 동일합니다. Space Between은 다양한 웹 Component를 구현할 때 매우 유용합니다.

 

UriTabi의 Header 부분을 보면, 로고, 메뉴, 로그인 버튼의 간격은 Space Between을 활용해서 구현했습니다.