피그마 반응형 UI 제작 방법

피그마 오토레이아웃 + Wrap 기능

https://www.figma.com/community/file/1260932980853792234

 

1. 화면에 따라 이동될 영역을 각각 구분해 프레임으로 묶기 

(예 : 이미지 영역 - 텍스트 영역)

 

2. 모든 요소 묶을 프레임을 오토레이아웃으로 만든 뒤 우측 패널에서 Wrap 을 적용

 

3. 가장 바깥 프레임 크기를 변경해 화면을 확인