내일배움캠프UXUI

[UX/UI 사전캠프] 2주차 숙제 - 오토 레이아웃 사용법으로 자기만의 강점 형용사 5개 버튼 만들어보기

서란(UXUI_4기) 2024. 5. 1. 17:08

Q. 오토 레이아웃이란?

A. Figma에 있는 기능으로 안의 요소 크기에 맞게 유동적으로 줄어들고 늘어날 수 있는 프레임.

오토 레이아웃 기능 활용해서 만든 강점 형용사 5개 버튼

 

오토 레이아웃으로 설정하고 싶은 요소를 선택한 상태에서
단축키 Shift + A를 누르면 오토 레이아웃으로 만들 수 있고,
단축키 Ctrl + Shift + G를 누르면 오토 레이아웃 그룹이 풀리면서 해제된다.

 

꿀팁🍯 : 오토 레이아웃으로 여러 개를 묶어서 정렬하고 싶을 때

한꺼번에 잡고 오토 레이아웃으로 묶는다 - X

작은 단위부터 묶어서 정렬한다 - O