WEB디자인이야기/Figma 2023. 8. 24.
피그마에서 Constraints 옵션 사용법
피그마 뿐아니라 대부분의 이미지 편집툴에서 공통적으로 활용되는 것이 Constraints라는 옵션입니다. 이게 보통 많이 봐와서 안다고 생각할 텐데 막상 모르고 사용하는 경우가 많아서 명확하게 정리를 한번 해보려고 합니다. 개념을 먼저 이해해야 하는데, Frame의 크기가 변경될 때 설정된 요소는 어떤 기준으로 움직이는지에 대한 설정입니다. 상세 옵션 설정 기본값은 가로(Horizontal)는 Left, 세로(Vertical)는 Top입니다. 기본값 ( 가로 : Left, 세로 : Top) 요소의 왼쪽부터 Frame까지의 거리가 고정이 되고 요소의 상단부터 Frame까지의 거리가 고정이 되어서 Frame의 크기를 변경하면 우측과 하단 부위의 넓이만 움직이게 됩니다. 오른쪽과 하단 고정 ( 가로 : Rig..