왕초보를 위한 피그마 오토레이아웃 핵심 개념 이해 5분 컷 | Hug, fixed, fill #피그마 #피그마사용법 #오토레이아웃 #uiux
피그마리온
0:00 / 0:00
왕초보를 위한 피그마 오토레이아웃 핵심 개념 이해 5분 컷 | Hug, fixed, fill #피그마 #피그마사용법 #오토레이아웃 #uiux
5 592 просмотра · 9 месяцев назад
피그마리온
4,82 тыс. подписчиков
5 592 просмотра · 9 месяцев назад
#피그마 #피그마사용법 #오토레이아웃 #autolayout #uiux
피그마 오토레이아웃, 아직도 헷갈리시나요?
Fixed/Hug/Fill만 제대로 이해하면
버튼, 카드, 메뉴, 레이아웃 깨짐 문제까지 전부 해결됩니다!
이번 영상에서는
✔ 오토레이아웃 속성(Fixed, Hug, Fill) 설명
✔ 부모·자식 구조가 왜 중요한지
✔ 반응형 설정(최소·최대값)
외에도 오토레이아웃 설정 꿀팁까지
왕초보도 5분 만에 이해할 수 있도록 핵심만 빠르게 정리했어요.
오토레이아웃만 제대로 잡아도
디자인 속도, 협업 정확도, 개발 커뮤니케이션이 확 달라집니다.
📘 실무까지 한 번에 잡고 싶다면?
영상 속 개념 + 피그마 기본기 + 실무 디자인 팁이
모두 정리된 책 "UXUI 디자이너를 위한 실무 피그마"를 추천드려요.
고정 댓글 링크에서 바로 확인하실 수 있어요!
⏱️ 챕터
00:00 인트로 — 오토레이아웃이란?
00:44 오토레이아웃 속성 종류
00:53 오토레이아웃 적용
01:08 Fixed / Hug / Fill 설정 예시
01:36 오토레이아웃에서 꼭 알고 가야 할 개념(부모요소/자식요소)
02:20 Fill이 최상위 프레임에 적용이 안되는 이유
02:29 왕초보를 위한 실무 피그마 공부법 추천
02:44 반응형 카드 만들기: 최소·최대값 설정
03:04 Ignore auto layout 설정 및 단축키
03:18 자동 간격 설정하기
03:35 실무 피그마 감각 익히는 방법 추천
04:06 마무리 및 내용 요약