피그마 오토레이아웃 Wrap 기능 업데이트

2023 Figma Config와 함께 업데이트되었던 피그마의 Auto Layout Wrap 기능에 대해 알아볼게요~

​

Dev Mode와 Variables와 함께 추가된 Wrap 기능은 반응형에 최적화된 기능으로 여러 행의 오토레이아웃 내의 콘텐츠를 자동으로 랩핑 해주는 기능입니다. 레이어 복잡성을 줄이고 디자인의 효율성을 향상할 업데이트라고 생각 듭니다.

​

 

피그마 업데이트 오토레이아웃 wrap 기능 추가

동영상을 보시면 오토레이아웃 Wrap 기능이 뭔지 한 번에 알아보실 거예요~

반응형 사이트를 디자인할 때 여러 행의 콘텐츠 디자인 디바이스 크기별 대응을 보실 수 있습니다.

 

 

 

 

일단 기능을 사용할 디자인을 Auto layout으로 만들어줍니다. (단축키 Shift + A)

 

 

오토레이아웃 패널 안의 Wrap 버튼을 눌러줍니다,

가로정렬, 세로정렬 옆에 새롭게 wrap 버튼이 생긴 걸 볼 수 있어요~

​

여기서 한 가지 더 바뀐 항목이 있습니다.

 

설정 안에 있었던 Space between 기능이 오토레이아웃 패널 안에 Horizontal gap Between Items안으로 들어갔습니다,

이전 포스트를 보시고 혼동 없으시길 바라며, Space between은 Auto로 간소화되었습니다.

 

 

피그마 Auto layout Wrap 기능 알아보기

새로운 기능 피그마의 오토레이아웃 Wrap으로 다양한 시도를 해보시길 바랍니다,

​

 

 

 

https://www.letapefigma.com/

Letape Figma 레탑피그마

 

레탑피그마 오픈 채팅방 문의

https://open.kakao.com/o/sJdtEyCe

레탑 피그마