[피그마] Auto Layout

Udemy의 하루 10분으로 끝내는 UXUI 디자인을 위한 실전 피그마 Figma 강의를 듣고 실습해보았다

 

 

 

 

1. 오토레이아웃

우선 간단하게 기초적인 사각형을 3개 만들어준다

 

 

다음으로 Auto layout버튼을 눌러준다

 

 

그럼 위와같이 하나로 묶이게 된다

 

 

그리고 방향은 오른쪽으로 해놨다

 

 

사각형 사이의 간격을 20으로 설정했다

 

 

가로말고 세로로도 가능하다

 

 

세로로 여백을 추가하고 배경은 자동으로 선택되는 흰색으로 했다

 

 

 

세로여백은 30으로 설정했다

 

 

이제 마지막에 있는 사각형을 클릭하고 복사 붙여넣기 하면 자동으로 간격에 맞춰서 추가된다

 

 

화면이 줄어들면 아래로 내려가도록 설정할 수 있다

 

 

가장 오른쪽에 있는 화살표로 설정하면 된다

 

 

 

 

강의자료
https://www.udemy.com/share/109mqS/