[피그마]Auto layout(오토레이아웃)으로 Underline Tab(언더라인 탭) 만들기

UI 작업을 하다 보면 Underline이 들어간 Tab을 만들게 되는데요. Tab에 들어가는 텍스트(탭명) 길이가 제각각이기 때문에 새로운 것을 만들 때마다 Underline 길이를 조절해야 하는 번거로움이 있어요. 피그마의 Auto layout을 이용하면 텍스트 길이에 맞게 Underline이 자동으로 조절되게 할 수 있어요. 지금부터 제작하는 방법을 설명해드릴게요. 01. Auto layout으로 Text 만들기 1) 텍스트를 Auto layout(shift + A)으로 만들어줍니다.(Auto layout 방향은 상관없습니다) 2) Resizing : Fill container, Fixed height (탭 높이에서 Underline 높이를 뺀 높이로 설정)로 설정해줍니다. 3) Text에 Padd..

원문링크 : [피그마]Auto layout(오토레이아웃)으로 Underline Tab(언더라인 탭) 만들기