피그마 강좌ㅣ반응형 레이아웃을 위한 Auto Layout 기능

Auto Layout 기능 및 디자인 시스템으로 로그인 화면구성하기
#figma #properties #디자인시스템 #autolayout #variables #반응형UI

** 영상 주요내용 **
1. 반응형 레이아웃 제작을 위한 Auto Layout 기능 및 디자인 시스템 활용
2. 2023 Auto Layout 신규 기능 소개 및 실습
3. 피그마 컴포넌트 Properties 사용사례 소개 **

Auto Layout 기능 및 디자인 시스템 활용하여
개발 친화적인 UI를 제작하는데 도움이 되는 영상입니다.

[목차] 재생시간 20분
00:00 Intro
00:24 작업 환경 설정
02:16 오토 레이아웃의 리사이징 옵션 3가지
05:59 컴포넌트 속성 편집 'Properties, Nested Instance'
08:07 피그마 컴포넌트 Properties의 역할
10:50 Absolute Position
17:14 Min Width, Max Width
17:48 Wrap 기능

[강의자료] figma Community @@yeonjung
* 피그마 파일 링크: https://www.figma.com/community/file/...

✅ 아래 사항에 대해 정정합니다.
17:00 absolute position 테스트 시 contents layer 에 max-width(400) 값이 들어간 상태로 테스트가 되었네요.😢 → contents 영역이 좌우 마진 24가 유지된 상태로 반응형이 되어야 합니다.