[Figma] autolayout 사용법 정리

장점 1) 네모박스안에 상자를계속만들때 일일히

1. 박스크기 키우고 2. 상자생성 

이렇게 할필요없이 상자를 만들면 자동으로 박스커지고 상자도 생깁니다. 

장점 2) 반응형구현 (큰화면,작은화면에 따른 구현) 

즉, 우리가 미리 만들어준 미리 우리가 레이아웃을 만들어준 개념

 

- tip) 전체 frame창 부분 누르면 Clip content가 있는데 해제할경우 -> 

아트보다 바같에있던 숨겨진 요소를 볼수가있습니다.

 

- auto layout 장점 활용예제)
원이 여러개 있을경우 

원 전체 드래그후 autolayout 후 한개 원누르고 ctrl+c -> ctrl +v 하면 서식이복사된채로 

원이 옆에 생성됩니다.

 

autolayout 장점 활용예시

-

위 그림과같이 > 플레이 버튼을 하나더 밑에 추가하고싶을때 밑에 화면구성부분도 같이 내려가고 플레이버튼이 안짤리고 나오게할려면 : 오른쪽 Frame 탭 -> Hug 탭을 사용하고 + 그리고, autolayout까지 활용하면 됩니다.

 

- stroke -> inside 시 구분선이 두껍게 보이는것 제거 가능합니다.