Figma Auto Layout 사용법 | 반응형 UI 만드는 핵심 기능 - 피그마 강좌 2-6

Figma의 Auto Layout을 활용해 내용이 바뀌어도 크기와 간격이 자동으로 유지되는 반응형 UI를 만드는 방법을 알아봅니다.
Padding·Gap과 Hug·Fill·Fixed의 차이부터 Wrap과 Grid, Min·Max Width, 중첩 Auto Layout까지 실제 UI 제작에 필요한 핵심 기능을 살펴봅니다.

🕐 타임스탬프
00:00 Auto Layout이 필요한 이유
00:24 버튼에 Auto Layout 적용하기
01:28 Padding과 Gap 설정하기
02:48 방향과 Hug Contents 이해하기
03:55 중첩 Auto Layout으로 UI 구성하기
04:29 마이너스 Gap과 Stacking 활용하기
05:03 Wrap으로 반응형 카드 레이아웃 만들기
06:31 Auto Layout Grid 사용하기
09:24 Hug·Fill·Fixed 크기 설정 이해하기
11:08 Min·Max Width로 레이아웃 범위 설정하기
12:29 Alignment와 Auto Gap 활용하기
13:19 Auto Layout 핵심 정리

🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.

🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)

#Figma #피그마강좌 #UI디자인 #FigmaEffects