Constraints 비활성화.. 왜 안되는걸까?

in Figma

앱 개발 개인 프로젝트 진행중에,

UI디자인에서 중요한 부분중에 하나인 constraints 설정에 대한 어려움이 생겼다.

아직 입문자라서 열심히 배워가는 단계이기 때문에 나와 같이 이런 문제가 생긴다면 금방 해결할 수 있도록 정보를 알리고자 한다 :)

✓ 문제점 발견!

• 프레임 constraints 설정하려는데 left and right / top and bottom / sacle 설정이 제한된다?

constraints 설정 제한되는 화면

프레임의 리사이징값이 문제인가하여 요리조리 변경해봐도 도무지 안돼서 답답하던 중 어찌 검색 끝에 원인을 알아냈다!

✓ 문제 해결!

• 프로토타입 스크롤이 Fixed로 설정되어 있으면 Constraints 일부 설정이 제한된다!

프로토타입 스크롤시 고정된 화면

프로토타입 패널 내 스크롤 포지션 설정값을 고정으로 설정해 놓으면

constraints -> left and right /top and bottom / sacle 설정이 안된당..

-> 그래서, 하단의 사진처럼 scroll with parent 값으로 설정해주면 constraints 는 전체 활성화된다!

프로토타입 스크롤시 고정 해제하는 화면

constraints 설정 제한 해제된 화면

또한 다시 프로토타입 스크롤을 Fixed로 설정하여도, Constraints 설정 범위가 처음처럼 제한되지만 이미 설정해논 값은 유지된다 :)

프로토타입 Fixed 재설정 후에도 constraints 기존 설정값 유지되는 화면

UI디자인이나 협업하는 작업환경으로 피그마가 정말 최적의 프로그램이지만

사실 왜 이렇게 설정해놨는지 정말 의문이다..

그치만 참고해서 일단 고고 해야지! 우리는 열심히 작업하고 성장해야 하니깐 :)