[Figma 배워보기] 오토레이아웃

오토레이아웃은 자동으로 텍스트 수에 따라, 배열에 따라 도형의 모양이 적절하게 변환된다.
진짜 그냥 그리게 되면 매번 텍스트, 도형 따로 따로 되어 있어서 수정할때마다 조정하는거 매우 수고로운데 그걸 극복하게 해주는 기능!
특히 디자인 다했는데 사이즈가 조금 달라졌다거나 하면 매우 편해지는 기능으로 생각된다.

즉, 변동의 여지가 많을때 사용하면 좋음

어떻게 쓰냐면 

텍스트를 만들고 우클릭해서 add auto layout 하거나 shitt +A 단축키로 만듬

만들고 나면 오른쪽 패널에 auto layout섹션이 보임 

옆에 Alignment and padding에서 패딩값과 정렬을 설정해서 패딩값을 넣어주고 

 

fill,stroke,frame으로 버튼 형태를 정하면 끗

그러면 다양한 형태 변환가능

텍스트를 2줄로는 어케하는거지!