피그마에서 오토레이아웃 min, max 설정 최신 업데이트

바로 오늘 2023 Figma Config가 막을 내렸죠.

어제로 피그마 기능이 대규모로 업데이트되었는데, 그중에 오토레이아웃 최소, 최대 사이즈 설정기능이 업데이트되었습니다,

​

업데이트 중 Dev mode(개발자 모드)도 흥미로우니 다음에 포스팅할게요~

 

피그마에서 autolayout min, max 설정하기

이제 레이아웃의 최소단위와 최대단위를 고려하여 작업할 수 있어요.

Width, Height 전부 설정 가능하며 거의 css작업이 가시화되는 단계라고 볼 수 있겠네요~

 

 

우선 오토레이아웃으로 프레임을 디자인해줍니다.

프레엠 패널 안에 Width 설정 메뉴를 누르면 위와 같은 Min width, Max widt 설정창이 나타납니다,

Height도 마찬가지로 설정해 주시면 됩니다.

​

우선 min, max를 설정하면 마우스로 프레임을 줄이거나 늘여도 그 이상 늘어나거나 줄어들지 않습니다.

​

 

 

텍스트의 말 줄임 기능이 Truncate text와 같이 설정해 주면 코드화된 css 작업과 거의 일치하게 작업되는 것을 볼 수 있습니다.

창이 줄어드면 말 줄임도 같이 줄어드네요.

 

 

이번 업데이트 정말 고심한 흔적이 보이고 매우 흥미로운 신기능이 많아졌어요~

​

새로운 프로토타입 기능인 Variables (변수 기능 탑재한 프로토타입, 트리거 하나로 여러 가지 기능을 제어할 수 있어요~)

포스팅도 둘러보시길 바랍니다.

 

https://let-figma-design.tistory.com/25

피그마 대규모 업데이트 Variables로 만든 프로토타입

 

 

https://www.letapefigma.com/

Letape Figma 레탑피그마

 

 

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

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

레탑 피그마