피그마 오토레이아웃을 사용하면 효율적인 UI작업

버튼의 내용이 달라지는 컴포넌트

버튼 텍스트가 "확인", "확인하세요", "지금 신청하기"처럼 바뀔 때

→ Auto Layout을 쓰면 텍스트 길이에 맞춰 자동으로 버튼이 늘어나거나 줄어듦

리스트, 카드처럼 반복되는 UI 요소

카드 리스트, 제품 카드, 댓글 목록

→ Auto Layout을 적용하면 간격, 정렬, 패딩이 일괄적으로 관리
→ 새로운 항목을 넣어도 UI가 무너지지 않음

여러 요소를 반응형으로 정렬

모바일과 데스크탑에서 UI 위치나 크기를 바꿔야 할 때

→ Auto Layout으로 설정하면 부모 프레임 크기에 따라 자식 요소 위치와 크기 자동 조정

디자인 시스템

컴포넌트(예: Input, Modal, Header 등)를 Auto Layout으로 만듦

→ 내용 변경, 요소 추가/삭제에도 일관성 유지됨
→ 개발자에게 전달할 때도 구조가 더 명확해짐

수정과 협업이 많은 팀 작업

프레임 안에서 요소를 하나씩 수동으로 옮기지 않음

→ Auto Layout으로 묶어두면 위치 수정이나 UI 변경이 빠르고 안정적임